実際に使用してみたものやこれから使ってみたいものをまとめました。
1. ORIGINAL HOVER EFFECTS WITH CSS3
画像でのエフェクトです。商品説明などの場面で使ってみたい。 DEMOあり。個人的にはDEMO10がすきです。
2. Fancy Hover Effects with CSS3 Transitions
これも画像で、と思いましたがいろいろな場面で使えそうです。 DEMOあり。
3. CREATIVE LINK EFFECTS
テキストリンクのエフェクトです。この中から実際にメニューのエフェクトで使ってみました。
4. Corner Triangle Slide Overlay
Corner Triangle Slide Overlay ｜ codepen
codepenから。
5. Animated Opening Type CSS Hover Effect
ホバーすると文字がピラっとめくれるエフェクト。
6. Expanding Overlay Effect
ホバーではないのですが、クリックすると全画面で表示されます。
7. Paper-Like Unfolding Effect
こちらもホバーではないのですが、クリックすると折りたたんだ紙を開くような動作をします。
8. Css version of macbook dribbble
Css version of macbook dribbble ｜ codepen
ホバーさせると、macbookが開きます。すごいですねこれ！
いかがでしたでしょうか？ お気に入りのものが見つかれば幸いです。
