<?xml version="1.0" encoding="UTF-8"?>
<feature id="transforms3d"><name>3D transforms</name><description>The transform CSS property and its 3D transform functions allow rotations and other transforms in three dimensions, including perspective transforms.</description><group>transforms</group><group_name>Transforms</group_name><baseline><status>widely</status><low_date>2022-03-14</low_date><high_date>2024-09-14</high_date></baseline><support><browser name="chrome" version="36" supported="true"></browser><browser name="firefox" version="16" supported="true"></browser><browser name="safari" version="15.4" supported="true"></browser><browser name="edge" version="12" supported="true"></browser><browser name="chrome_android" version="36" supported="true"></browser><browser name="firefox_android" version="16" supported="true"></browser><browser name="safari_ios" version="15.4" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-transforms-2/</spec></specifications><caniuse><id>transforms3d</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/perspective</mdn_url><compat_features><key>css.properties.backface-visibility</key><key>css.properties.perspective</key><key>css.properties.perspective-origin</key><key>css.properties.perspective-origin.bottom</key><key>css.properties.perspective-origin.center</key><key>css.properties.perspective-origin.left</key><key>css.properties.perspective-origin.right</key><key>css.properties.perspective-origin.top</key><key>css.properties.perspective.none</key><key>css.properties.transform-style</key><key>css.properties.transform.3d</key><key>css.types.transform-function.matrix3d</key><key>css.types.transform-function.perspective</key><key>css.types.transform-function.perspective.none</key><key>css.types.transform-function.rotate3d</key><key>css.types.transform-function.rotateX</key><key>css.types.transform-function.rotateY</key><key>css.types.transform-function.rotateZ</key><key>css.types.transform-function.scale3d</key><key>css.types.transform-function.scaleZ</key><key>css.types.transform-function.translate3d</key><key>css.types.transform-function.translateZ</key></compat_features><canonical_url>https://nowyoucanuse.com/features--transforms3d.html</canonical_url></feature>