Blogs

How They Fit Together: Transform, Translate, Rotate, Scale, and Offset

Css Tricks

Firefox 72 was first out of the gate with “independent transforms.” That is, instead of having to combine transforms together, like: .el { transform: translate(10 px, 10 px) scale(0.95) rotate(10 deg); } …we can do: .el { rotate: 10 deg; scale: 0.95; translate: 10 px 10 px; } That’s extremely useful, as having to repeat other transforms when you change a single one, lest remove them, is tedious and prone to error.

Visit Site