クリエイター:コーディング備忘録ブログ

コーディング

CSS3の「box-shadow」

box-shadow: 10px 10px 10px rgba(0,0,0,0.5);

1番左の数値が「横」の値で、5pxと設定すると右に5px影が移動 -5px”と指定すると左に5px移動します。
2番目の数値は「下」の値で、”10px”と指定すると下に10px移動し”-10px”と指定すると上に10px移動します。
3番目の数値は「ぼかし具合」で、”0″を指定すると輪郭がはっきりし、数値を上げるとぼかし具合を強めます。
最後は「色の値」で指定した色が影の色になります。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP