CSS 3のbox-shadowプロパティを利用してみる。

Safari 3から対応したbox-shadowプロパティを利用してドロップシャドウ効果をつけてみる。詳しくは、「ボックスにドロップシャドウの効果をつける–Safari 3のCSS対応 – builder by ZDNet Japan」を参考にしていただくとして、程よい効果はどれくらいの値を与えたらいいのかを検証しました。

favicon-2.png
favicon-2.png

.boxShadow { -webkit-box-shadow: 0 0 10px lightgray; }

ブログエントリーで大きな画像を扱う訳でもないので、境界線が薄らわかるこれくらいが最適かな。

コメントを残す