jQueryとCSS3で影を極めたプラグイン「Real Shadow」

CSS3にてマウスカーソルの位置から要素に動的に影を落とすjQueryプラグイン「 Real Shadow 」をご紹介します。 百聞は一見にしかず、動くサンプルを御覧ください。

スポンサーリンク

要素の色と形を反映した影はかなり綺麗ですね。CSS3のShadowプロパティの表現力はかなりの物で、CSS 3D Clouds などはCSS3だけで、実写さながらの雲を描画しています。

使いドコロが難しい感じもしますが、下のサンプルのような使い方を見ると、アイデアも広がりそう。

 

 

いつもの事ですが、IEのCSS3への対応ができておらず、 未だ多くのユーザーが利用しているIE8で満足な表示が出来ないので導入には躊躇しますが、 モダンブラウザの利用者へ、ちょっとした遊び心を演出できる場合もありそうです。

Real Shadow

当ブログでは、実際に動くサンプルを掲載してWEBテクニックを紹介しています。

 

 

スポンサーリンク