画像にドロップシャドウを付けるには、Photoshopなどの画像編集ソフトで画像にエフェクトをかける必要がありますが、そのようなことをしなくても、CSSを使ってドロップシャドウの効果をつけることもできるようになりました。 ただ、できるとは言っても、自分のやりたいように0からその効果をつけるのは、なかなか至難の業。そこで今回は、ドロップシャドウを付けるCSSを簡単に生成してくれるサービスをご紹介します。 CSS3のドロップシャドウをカンタンに作れるジェネレータ 「Css3 drop shadow generator」は、スライダでドロップシャドウの効果を調整するだけで、HTMLタグとCSSを生成してくれるサービス。 影の付け方も全部で8種類と豊富で、この記事の冒頭にある画像のようなエフェクトを簡単にかけられるようになっています。 ドロップシャドウを簡単に設定
![CSS3で画像のドロップシャドウを簡単に作成できる「CSS3 Drop Shadow Generator」](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fab1cd48062cbac07fea30f2ae8f11594482db6/height=288;version=1;width=512/http%3A%2F%2Fd3qt5c962pj1kq.cloudfront.net%2Fimages%2F2011%2F05%2Fcss3-drop-shadow.jpg)