The CSS 3D book effect

Recently Amazon updates the book cover into a 3D book in some their paperback web page.

In my web design course, I showed how to use the CSS transform and transition to make a 3D rotation box and greeting card flipping effect.

The 3D rotation box effect:

The greeting card flipping effect:

By combining these two effects with a simple flip effect, we can create the same effect 3D book flipping effect.

I teach web design. I write books on HTML5 games development. I host classes on mobile web and app development. I made animation with Adobe Flash (now Animate).

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.