画像をきれいに見せるためのテクニックとして、影をつける手法が有用だ。プロが作るようなサイトを見ていても、影をつけてかっこよく見せている例をよく見受けられる。もはやデザインの王道テクニックといっていいだろう。とはいえ、いちいち影をつける加工をするのは面倒だし、画像編集環境が十分にない人もいるだろう。そこで画像に動的に影をつける手法を紹介する。 (追記 2013/09/18 ) CSS3 の box-shadow や text-shadow を使えば、ここに書いてあるテクニックは不要となります* 画像に影をつける サンプルは こちら にあるので確認してみてください。 まずは画像を div タグで囲います。
![画像をかっこよく浮かす方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/95abde13f7ed41248843e654a2f2ddcde8983db4/height=288;version=1;width=512/http%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png)