秀逸なアイデアが素晴らしい！CSS3を使ったホバーエフェクトのまとめ | コリス

sponsors 画像やパネルのホバー時に、CSS3アニメーションを使った気持ちのいいエフェクトを実装するチュートリアルをまとめました。 10種類のエフェクトで、見出しやテキストを気持ちいいアニメーションで表示します。 オーバーレイのかっこいい5種類のエフェクト。 円形ならではの面白いアニメーションを使った7種類のエフェクト。 シンプルだけどファンシーなアニメーションのエフェクト。 背景画像をアニメーションでスライドし、背景とテキストのカラーを変更します。 パネルがフラッシュし、天地から画像とテキストがスライドします。 画像をアニメーションで拡大し、マスクを除きます。 CSS :hover 'shine effect' (ver 3) ボタンをホバーすると、きらっと光ります。 パネルをホバーすると、きらっと光ります。こちらは画像を使うタイプ。 ふわっと浮かんだり、横にテキストがフェードインしたりなど、5つのホバーエフェクト。 Multi-direction hover ホバーの方向で変化するカラーが異なります。 アイコンをアニメーションでくるっと回転させます。 蛇腹のように折りたたんだり、雑誌のようにめくれます。 with jQuery

http://bit.ly/UFAuwv