イメージに影をつけるShadowsプラグイン記事更新日2013年4月16日

今回ご紹介するプラグインは、
イメージに影のかかったようなエフェクトをかけることができる「Shadows」です。

記述は、イメージタグの部分にclassをつけるだけなので非常に簡単。

ひとつだけ、IE6には対応していないので、
ビジネスサイトのターゲットに含める方は注意してください。

プラグインの使い方

プラグインをインストールして有効可します。
Shadows

表示させたいimgタグのところに以下のクラスの記述をプラスします。

class=”shadow_curl” : 立体感ある影のエフェクト
class=”shadow_flat” : フラットタイプの影のエフェクト

▼ こんなふうに表示できます。

立体感がでてイメージの部分が目立って見える気がしませんか?
見栄えがするのでポートフォリオサイトに使用するのもいいと思います。

タグを覚えておくのが大変だという方は、
「AddQuicktag」プラグインとあわせて使用するとさらに編集効率があがります。