概要
- CSS3のperspectiveを使ってカードをめくるアクションを制作してみました。
めくる時に単純に画像が切り替わるのではなく奥行きがあるようにパースがついて回転します。そのためにCSS3のperspectiveという仕様を使いました。
スカートじゃなくて
カードだよ
実装サンプル:https://labo.studio-happyvalley.com/flip/
詳細・解説:MDNのperspective解説ページ
シャッフル付きです。
同じ回転角度でもバニシングポイントの距離によってパースが変化します。
元画像は大きいので右クリックで大きい画像を見てください。
このページで紹介しているプログラムやビジュアルなどご依頼いただければ実装を賜ります。
お問い合わせはこちら