Chapter 5. More Realistic Animation

All the animation so far in this book has had a problem. Whether the animation was created using transitions or CSS animations, the problem has been there. It hasn’t mattered whether or not the changed properties were transforms or any other CSS property. The problem is that none of the animations to this point have been even remotely realistic.

Boxes sliding across the page or rotating in place aren’t realistic or exciting to watch. Even with the smoothest animations and transitions, the objects looked stiff and moved in unnatural ways.

I used simple abstract examples to keep you focused on a new property or the specific value of one property. The unrealistic animations to this point have been to help you ...

Get CSS Animations and Transitions for the Modern Web now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.