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. ...