© Andy Budd and Emil Bjorklund 2016

Andy Budd and Emil Björklund, CSS Mastery, 10.1007/978-1-4302-5864-3_10

10. Making It Move: Transforms, Transitions, and Animations

Andy Budd and Emil Björklund2

(1)Brighton, UK

(2)Malmo, Sweden

This chapter is all about moving things around—either through space, with transforms, or through time, using animations and transitions. Often, these two families of properties work together.

Transformation is a different concept from moving things with positioning or other layout properties. In fact, transforming an object doesn’t affect the layout of the page at all. You can rotate, skew, translate, and scale elements, even in 3D!

Animating elements can be done with the CSS Animation properties. Transitions are a simplified ...

Get CSS Mastery, Third Edition 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.