[JS]ボックスのシャドウをアニメーションさせるスクリプト -Shadow animation

ボックスのシャドウの色、位置、半径などをアニメーションさせることができるスクリプトを紹介します。

Shadow animation
デモ

アニメーションできるのはボックスを立体的にみせる影だけでなく、さまざまな形で利用できます。

デモ3種のキャプチャ

対応ブラウザはCSS3のボックスシャドウに対応しているFirefox, Chrome, Safariの最新版で、IE9でも対応が予定されています。

Shadow animationはjQueryのプラグインのため、実装にはjquery.jsが必要です。