これは超便利。CSSで画像に影を付ける

そういえば以前、記事で画像に影を入れるプラグインを紹介したのですが、コイツがどうも曲者。

記事内の特定の画像に、影とか入れるプラグイン
ブログでも何でも、記事に画像を載せることはよくあります。写真やイラスト等、全体的に色が付いているものなら良いのですが、背景色が同じだと・・ねぇ。※追記レスポンシブルに対応していないので、CSSで影をつけた方が便利でした。CSS追記が出来ない+プラグインが...

レスポンシブルに対応していないようで、スマホで見ると画像がはみ出す。。
今時スマホに対応していないのは死活問題なので、そっこー削除。

何か良い方法はないかな?と思ったらCSSで影を付けられることを思い出しました。

CSSで画像に影つければいいじゃん!

縁が白色の画像って凄い寂しい感じなので、以下のCSSを追加します。
面倒なので、全ての画像に影をいれることにしました。

このCSSを入れておくと、下のような縁が真っ白の画像でもそれっぽく見えます。
壁の部分はCSSで範囲を増加させたりすることが出来ます。

特定の画像に影を入れたい!という方はCSSのクラスを変更してください。
ただあんま影が大袈裟だと逆に格好悪いので、ほどほどに。