本のように開き内容を表示するボックスデザイン

画像をホバーすると本のように開き内容が見えるレイアウトボックスのWeb素材です。CSSのみで表現しているので手軽に実装でき、さらにSEOにも優しい素材となっております。本の表紙部分となる画像には、コンテンツのイメージ画像。内容部分にはコンテンツの概要を入れるなど様々な場面で活用できると思います。

2021/10/11

MOTION

のデモページとなります。

様々な動作をご確認の上ご使用ください。

To Demo

・どのように素材が出来上がるのか

・どういったカスタマイズが可能なのか

など勉強素材としてもご視聴ください。

To Video

マウスを置くと、本のように開く一風変わったアニメーションをします。