テキストが上方向に回転する

• 神戸ヤクルト販売株式会社https://kobe-yakult.co.jp/

カーソルを合わせると、テキストがサイコロのように回転し、新しい面が現れるような3D表現の動きです。平面的な画面に奥行きを与え、操作そのものに「触れる楽しさ」や「驚き」を付加します。限られたスペースでも変化をダイナミックに見せられるため、グローバルナビゲーションや注目させたいリンクに最適です。CSSのrotateXとperspectiveを組み合わせ、回転軸を調整して手前に転がるような立体的な挙動を実現します。