Summary

It would be entirely possible to fill multiple books covering the possibilities of CSS transformations, 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 the new features and techniques of CSS3 the aim is to make a responsive design even leaner and richer than ever by using CSS3, 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, got a handle on timing functions like 'ease' and 'linear', and then used them to create simple but fun effects with our responsive design. We then learned all about 2D transformations like 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...