Blog

Transforms: translate, rotate, scale, Individual Transform Properties, transform-origin and 3D

Transform functions apply from left to right and each one changes the coordinate system of the next, so their order changes the result; the individual translate, rotate and scale properties always apply in that fixed order, whatever order you write them in, and combine with transform. The post covers transform-origin, transform-box in SVG, why transforms do not affect layout, and a cover hover, a 3D cover flip and a cart icon in Bookstore, with measurements.