Summary
It would be entirely possible to fill multiple books covering the possibilities of CSS transforms, transitions, and animations. However, hopefully, by dipping your toe in the water with this chapter you'll be able to pick up the basics and run with them. Ultimately, by embracing these newer features and techniques of CSS, the aim is to make a responsive design even leaner and richer than ever by using CSS, rather than JavaScript, for some of the fancier aesthetic enhancements.
In this chapter we've learned what CSS3 transitions are and how to write them. We've got a handle on timing functions like ease and linear, and then used them to create simple but fun effects. We then learned all about 2D transforms such as scale
and skew
and then how to use them in tandem with transitions. We also looked briefly at 3D transformations before learning all about the power and relative simplicity of CSS animations. You'd better believe our CSS3 muscles are growing!
However,...