• 操作
  • ギミック

#gimmick 011

ドラッグすると下に配置された画像がめくれる

参考サイトURL
動きの解説

ページや画像の一端をドラッグしてめくる(ページカール)動きは、電子書籍やカタログ閲覧において、紙媒体の読書体験をWeb上で再現します。直感的な操作で次のコンテンツへ進めるため、学習コストが低く、自然なナビゲーションとして機能します。ライブラリ(Turn.js等)を利用するか、マウス位置に応じて画像をマスク変形させるカスタム実装が必要です。めくれた裏側の影や、紙の反発力(戻ろうとする動き)まで再現することで、触覚的なリアリティが生まれます。