Search notes:

CSS properties transform, transform-box, transform-origin, transform-style

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

Values

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