- 2018年2月10日
- 2018年2月14日
box-shadowで影をつけるCSSサンプル
要素に影をつけたいときに使うbox-shadowの基本的なCSSサンプルメモ。これを使えば立体感が出せるので、ボタンに立体感が出せる。カンマで区切ると重ねることもできるところが素敵。 box-shadow CSSサンプル1 cssコード b […]
要素に影をつけたいときに使うbox-shadowの基本的なCSSサンプルメモ。これを使えば立体感が出せるので、ボタンに立体感が出せる。カンマで区切ると重ねることもできるところが素敵。 box-shadow CSSサンプル1 cssコード b […]
ulタグのリストを作る際、先頭の“・”のマークがいらない時にマークを消す方法のメモ。&任意のマークを表示する方法メモ。 list-styleもしくはlist-style-typeで指定できる。 マークを消すCSSコー […]
CSS3でアニメーションが作れると聞いたので、お試しに。よくある点滅のアニメーションサンプルです。 CSS3を使ったアニメーションサンプル now loading... HTMLコード “now loading”と& […]
背景のグラデーションについて調べていたら、ストライプとチェック柄も作れるようになりました。もっといろいろ作りたいです。 ストライプはrepeating-linear-gradientで、チェック柄はlinear-gradientで作成してい […]
背景色のCSS指定 サンプル1 背景色の指定 background-colorで指定 cssコード 背景色のCSS指定 サンプル2 背景色の指定(+透明度指定) background-colorで指定 cssコード 背景色のCSS指定 サン […]