• 出現
  • エリアの出現

#appear 023

ページめくり時に折りたたまれた要素が展開

参考サイトURL
動きの解説

画面遷移やセクション移動の際、紙を折りたたんだ状態からパタパタと広げるようにコンテンツが出現する動きです。平面的なWebサイトに「折り目」という物理的な構造を与えることで、奥行きとリズミカルな変化を生み出します。情報の出現に順序とストーリー性を持たせることができるため、アルバムの曲目リストや日記のような、物語性を重視するコンテンツ表現に最適です。実装はCSSのtransform: rotateX/Yとperspectiveを組み合わせた3D変形で行います。