Makzan / I share what I learnt

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.

Published on 2013-10-10. More articles like this: CSS, Web Technologies.

Want productive tips and web technologies links like this in your inbox each week? Sign up for weekly dispatch each week. No spam ever. Just useful content: