Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. The transform property applies a 2D or 3D transformation to an element. If you need to include such animations on your website, you should provide a control to allow users to turn off animations, preferrably site-wide.Get the latest and greatest from MDN delivered straight to your inbox.The newsletter is offered in English only at the moment. The transform property may be specified as either the keyword value none or as one or more values.

This means that 0.5 halves while 2 doubles the section. Its coordinates define how much scaling is done in each direction. This is the hierarchy seen in the Hierarchy pane. degrees (sequence or float or int) – Range of degrees to select from.If degrees is a number instead of sequence like (min, max), the range of degrees will be (-degrees, +degrees). which allows you to rotate, scale, move (translate), and skew elements.The parameters are as follow: matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY())The following table lists all the 2D transform properties:If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

The default scale value is 1, which works as a multiplier of the original size. If it is negative, the result a Scaling/zooming animations are problematic for accessibility, as they are a common trigger for certain types of migraine. and 100 pixels down from its current position:The following example rotates the