code up

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

box-shadow エディタ

box-shadowの変化を確認したいということでスクリプトを作成。

以前の記事(Sass+compass 使い方)からbox-shadowについての説明を拝借。

box-shadow: 20px 30px 40px 50px green;

20px
水平方向の位置(px)。プラスで右方向
30px
垂直方向の位置(px)。プラスで下方向
40px
影のぼやけ・にじみ具合の半径サイズ。マイナスは不可
50px
影の輪郭を広げる半径サイズ。プラスでぼやけていない影の量が増え、マイナスでぼやけている部分を含めて縮める。薄い影を作りたい場合など、ぼやけ(第3引数)を大きく設定して、この値をマイナスに設定することで影の先端だけを残すということもできる
green
影の色

エディタ

px px px px

関連記事
タグ:CSS css3
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。