小粋空間: CSSで画像に影をつける（ドロップシャドウ）

CSSを利用して画像に影をつける（ドロップシャドウ）カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com：Easy CSS drop shadows A List Apart：CSS Drop Shadows nlog(n)：アップロードした画像に影をつけるには POCHIKING*：画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き：cssの設定で自動的に画像に影を付ける 花と写真とblogと。：画像に影をつけてみる。 最初の1976d

[junichi_ito]

css

[yoshihiro1105]

movabletype

[webmarksjp]

*css

[matsutakegohan1]

　ちょっとしたときに

[ofo]

デザイン

[dreamkids]

シャドウ　CSS

[mogwaing]

ドロップシャドウ

[sst]

背景にドロップシャドウ用の画像を読み込んで、imgをずらして表示する/シャドウの上端と左端が切れてしまうのが難点

[kid470q]

CSSで画像に影をつける

[hiro_y]

背景画像を使用してドロップシャドウをつける方法。

[B-SAKATU]

あとでやろう。

[nshash]

amazonの書影につけるといいかもですよ

[leva]

amazonの書影につけるといいかもですよ

[iandeth]

dropshadow

[keloinwell]

CSSで影を付ける方法。もう使っているけど、改めてメモ。

[kelokelo]

CSSで影を付ける方法。もう使っているけど、改めてメモ。

[KUR0ICHI]

HP作成

[cine-paranoia]

早速試してみた、なかなかいい

[Yuny]

いまやってるxoopsサイトの写真集コーナーとかあとはてダリカスタマイズとかで使えるか？

[rokujyou]

自分のサイトでもやってみよ

[minimin]

　ちょっとしたときに

[nobotora]

CSSで画像に影をつける（ドロップシャドウ）

[max56]

ふち付きもきれい

[eto]

CSSで影をつけたいのはわかるが(以下略)

[cheebow]

CSSでドロップシャドウ

[maotown]

CSS

[cvyan]

直接imgタグにshadowってクラスを定義する方が使いやすいよね、とか言ってみるテスト

[wacky]

ドロップシャドウ用背景画像を使ってimgに影を付ける方法。関連エントリへのリンクも。

[kasuho]

ダイアリで試してみたけれど良い感じ。

[yorihito_tanaka]

背景用画像を使う