絵本っぽくめくれるページ

絵本っぽくめくれるホームページが、作れます。

BookBlock

CSS 3D transformsなどに対応していないと、表示できません。
IE9以下だと、表示できません。
IE10でも、ページをめくるたびに、左半分が消えたり。
Google Chromeだと、スムーズに表示できます。

「VIEW DEMO」ボタンをクリックすると、
3種類のサンプルが、用意されています。

「DOWNLOAD SOURCE」をクリックして、ホームページ用の材料をダウンロード。
解凍して、HTMLやCSSを、修正します。
HTMLやCSSの知識が必要ですが・・・
童話を作ろう(2)」を材料に、なんとなく「こんな感じかな」と修正してみました。
絵本っぽいです (^^)

↓クリックすると、表示します。