WPT details: https://wpt.fyi/results/css/css-transforms , in particular: inheritance.html transforms-support-calc.html translate-getComputedStyle.html animation/rotate-composition.html animation/rotate-interpolation.html animation/rotate-transform-equivalent.html animation/scale-composition.html animation/scale-interpolation.html animation/translate-composition.html animation/translate-interpolation.html individual-transform/individual-transform-1.html individual-transform/individual-transform-2a.html individual-transform/individual-transform-2b.html individual-transform/individual-transform-2c.html individual-transform/individual-transform-2d.html individual-transform/individual-transform-2e.html individual-transform/stacking-context-001.html individual-transform/translate-fill-box.html individual-transform/translate-view-box.html parsing/rotate-parsing-valid.html parsing/scale-parsing-valid.html parsing/translate-parsing-valid.html translate/translate-and-transform-attribute-in-svg.html translate/translate-and-transform-css-property-in-svg.html translate/translate-in-svg.html
This adds three new CSS properties: translate, rotate, and scale. These properties are known as the individual transform properties (and were previously known as the independent transform properties). This exposes a simple way for web developers to access transforms in an intuitive way, without having to think about how functions in the transform property interact with each other. The properties are individually animatable.