ShineTime ? A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects

画像や枠などをキラッと超カッコよく光らせるエフェクトをjQueryで実装する例が公開されています。
透明と白のグラデーション画像を斜めにして画像や枠の上をアニメーションで横切らせるというシンプルな方法でFlashサイトのようなクールな演出を実現しています。


実際のデモを見てみましょう。



超クールですね。
チュートリアル形式になっているので横切らせる画像を替えたりしても面白いかも。
このエフェクトは使える気がします。
チュートリアルでは現在のところjQueryは使っていますがプラグインの形ではないのでコードを記述する必要がありますが、プラグインになったらより便利そうですね。

関連エントリ

• 画像の映り込みエフェクトを実現するJavaScriptライブラリ「reflex.js」
• PhotoShopで写真にモザイク風エフェクトをかけてクールにするチュートリアル
• 美しい光のエフェクトを画像に加えるPhotoshopチュートリアル集