中央縦軸を中心に裏表で回転

• 株式会社日本テレビアートhttps://www.ntvart.co.jp/

カードがくるっと裏返り、背面の情報が表示される「フリップ」アニメーションは、限られたスペースで2倍の情報を提示できる機能的なUIです。表面で写真、裏面で詳細テキストを見せるなど、カタログ的な用途に最適です。CSSのtransform: rotateY(180deg)とbackface-visibility: hidden（裏面を隠す設定）が必須です。ホバー操作のないスマホやタブレットでは、「タップで回転」させるか、最初から裏面を見せるかなど、デバイスごとの挙動を設計段階で決めておく必要があります。