- 操作
- ギミック
#gimmick 010
ホバーでタイルがめくれる
- 参考サイトURL
-
- 株式会社ジュニhttps://junni.co.jp/
- 動きの解説
-
グリッド状に並んだ画像やパネルが、ホバーに合わせてパタパタとめくれる動きは、物理的なパネル掲示板(フリップボード)のような小気味よさがあります。情報の切り替えをリズミカルに見せることができ、実績紹介やメンバー紹介などで視覚的な楽しさを提供します。CSSの3D変形(perspectiveとrotate)を使用します。めくれる軸を上辺にするか横辺にするかで印象が変わります。連続してホバーした際に波打つような連鎖反応(Delay設定)を加えると、より美しく見えます。