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.

Filed under CSS, Web Design