BASELINE NowYouCanUse.com

Widely Available Transforms

id: transforms3d

3D transforms

The transform CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.

Baseline Status: Achieved Widely Available on Sep 14, 2024 (Cross-browser Newly Available since Mar 14, 2022).

Desktop Browser Engine Support

Google Chrome

36

Supported

Mozilla Firefox

16

Supported

Apple Safari

15.4

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

36

Firefox Android

16

Safari iOS

15.4

Specifications and References

Specification ↗ Can I Use (transforms3d) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.backface-visibility ↗ css.properties.perspective ↗ css.properties.perspective-origin ↗ css.properties.perspective-origin.bottom ↗ css.properties.perspective-origin.center ↗ css.properties.perspective-origin.left ↗ css.properties.perspective-origin.right ↗ css.properties.perspective-origin.top ↗ css.properties.perspective.none ↗ css.properties.transform-style ↗ css.properties.transform.3d ↗ css.types.transform-function.matrix3d ↗ css.types.transform-function.perspective ↗ css.types.transform-function.perspective.none ↗ css.types.transform-function.rotate3d ↗ css.types.transform-function.rotateX ↗ css.types.transform-function.rotateY ↗ css.types.transform-function.rotateZ ↗ css.types.transform-function.scale3d ↗ css.types.transform-function.scaleZ ↗ css.types.transform-function.translate3d ↗ css.types.transform-function.translateZ ↗