🏠 New in High Baseline Support: 3D transforms

September 14, 2024

caniuse · mdn · spec

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

Source features

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