© Joe Attardi 2020
J. AttardiModern CSShttps://doi.org/10.1007/978-1-4842-6294-8_8

8. Transforms

Joe Attardi1 
(1)
Billerica, MA, USA
 

CSS transforms take an element and apply one of several possible transformation functions to it. For example, an element can be rotated in 2D or 3D space, scaled, skewed, or translated (moved). Transforms can be used to create all kinds of interesting effects on their own and become more powerful when combined with transitions and animations.

Transforms are specified with the transform property. Its value is one or more transform functions . Multiple transforms can be applied by providing a space-separated list of transform functions. The following sections will go over the most common classes of transform functions. ...

Get Modern CSS: Master the Key Concepts of CSS for Modern Web Development now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.