• 操作
  • ギミック

#gimmick 010

ホバーでタイルがめくれる

参考サイトURL
動きの解説

グリッド状に並んだ画像やパネルが、ホバーに合わせてパタパタとめくれる動きは、物理的なパネル掲示板(フリップボード)のような小気味よさがあります。情報の切り替えをリズミカルに見せることができ、実績紹介やメンバー紹介などで視覚的な楽しさを提供します。CSSの3D変形(perspectiveとrotate)を使用します。めくれる軸を上辺にするか横辺にするかで印象が変わります。連続してホバーした際に波打つような連鎖反応(Delay設定)を加えると、より美しく見えます。