Individual transform properties

The translate, rotate, and scale CSS properties apply single transformations independently, as opposed to applying multiple transformations with the transform CSS property.

Baseline Status: Achieved Widely Available on Feb 5, 2025 (Cross-browser Newly Available since Aug 5, 2022).

Desktop Browser Engine Support

Google Chrome

104

Supported

Mozilla Firefox

72

Supported

Apple Safari

14.1

Supported

Microsoft Edge

104

Supported

Mobile Browser Engine Support

Chrome Android

104

Firefox Android

79

Safari iOS

14.5

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.rotate ↗ css.properties.rotate.none ↗ css.properties.rotate.x_y_z_angle ↗ css.properties.scale ↗ css.properties.scale.none ↗ css.properties.translate ↗ css.properties.translate.none ↗