カテゴリー
HTML/CSS Web

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; }
ブログエントリーで大きな画像を扱う訳でもないので、境界線が薄らわかるこれくらいが最適かな。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です