All coordinates used within the scope the transformation are specified in the transformed coordinate system. Matrix operations are not commutative - the order in which transformations are specified is significant. Mathematically, all transformations can be expressed as matrices. This scales the coordinates so that one unit in the x and y directions of the new coordinate system is the same as sx and sy units in the previous coordinate system, respectively. A transform property has exactly one of matrix , scale , rotate , translate , fit and inherit .
All values are real numbers.
The distances to translate the origin of the coordinate system in x and y , respectively. The center point for the scaling operation, in the previous coordinate system. The center point for the rotation operation, in the previous coordinate system. By establishing a new viewport, you also implicitly establish a new initial user space, new meanings for many of the CSS unit specifiers and, potentially, a new clipping path. If a unit designator is provided on a coordinate or length value, then the given value is assumed to be in CSS units.