Inset Border Effect jQuery Plugin | CSS-Tricks

画像の内側にボーダーをひいてクールに画像をみせるjQueryプラグイン。
通常、ボーダーというと外側に付けられますが、掲載されているサンプルでは内側にボーダーを表示し、更にカーソルを合わせるとアニメーションしながらボーダーが消えるというカッコいい演出が実装できます。

内側に白いボーダー


カーソルを合わせるとアニメーションしながら消える


こちらのデモを御覧ください。

ギャラリーなんかに実装するとカッコ良さそうです。

関連エントリ

• アニメーションの残像が残るjQueryアニメーションチュートリアル
• 泡のアニメーションで癒しを演出できるjQueryプラグイン「Bubble Engine」
• キャラクターとバックグラウンドをアニメーションさせられるjQueryプラグイン「Spritely」
• ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム