写真にドロップシャドーを適用する

今日、友達と話している時に

「あ、ひょっとして写真にドロップシャドーをCSSで適用したらカッコよくね？」

とかと思ったので早速やってみた。

Safari限定だけどね。。
ボックスにドロップシャドウの効果をつける--Safari 3のCSS対応 - builder by ZDNet Japan

.entry-body-text img {-webkit-box-shadow: 5px 5px 5px gray;} .emoticon {-webkit-box-shadow: 0px 0px 0px gray;}

このブログでは既に適用しているから、Safariで閲覧するとドロップシャドーになっている。

が、しかし、このブログは記事本文中の横幅が狭いから、ドロップシャドーすると右端が切れる！

記事本文中の横幅が広めのテンプレートでオシャレなのが公開されないかなぁ。

ちなみに、このブログ、タイトルにもドロップシャドーを適用している。もちろんSafari限定だけど。

.content h2 {text-shadow: 4px 4px 5px#505050; } .entry h3 {text-shadow: 2px 2px 2px#505050; }

↓1日1ポチッとをお願いします！励みになります！