« 味噌のウェーブに乗れないのが寂しい | トップページ | 女に生まれ変わりたい »

2009.01.21

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

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

「あ、ひょっとして写真にドロップシャドーを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ポチッとをお願いします!励みになります!
ポチっとよろしく!

|

« 味噌のウェーブに乗れないのが寂しい | トップページ | 女に生まれ変わりたい »

ウェブログ・ココログ関連」カテゴリの記事

コメント

punch
もっとわかりやすく説明しろ!
バカみたいなところを開いてしまった

投稿: 馬鹿野郎 | 2009.03.18 23:01

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/22269/43804671

この記事へのトラックバック一覧です: 写真にドロップシャドーを適用する:

« 味噌のウェーブに乗れないのが寂しい | トップページ | 女に生まれ変わりたい »