transform-* properties modify the coordinate space of the CSS visual formatting model and thus allow to rotate, move, shrink etc. elements. transform-box | content-box, border-box, fill-box, stroke-box, view-box and «global values» |
transform-origin | center, top left, 100px 30px etc. |
transform-style | flat or preserve-3d |
transform is a shorthand property for transform-box, transform-origin and transform-style. translate(x, y), translateX(x), translateY(y), translateZ(z), translate3D(x, y, z) | Compare with the translate property |
scale(x, y), scaleX(x), scaleY(y), scaleZ(z), scale3d(x, y, z) | |
rotate(angle), rotateX(a), rotateY(a), rotateZ(a) | |
skew(x, y), skewX(x), skewY(y) | |
perspective(p) | If used, must be listed first. |
matrix(a, b, c, d, e, f), matrix3d( … 4x4 elements …) | |
inherit, initial, revert, revert-layer, unset | global values. |