CSS

box-shadowで影をつけるCSSサンプル

要素に影をつけたいときに使う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指定サン […]