<?xml version="1.0" encoding="UTF-8"?>
<feature id="transforms2d"><name>2D transforms</name><description>The transform CSS property and its 2D transform functions allow rotating, scaling, skewing, and translating an element. Arbitrary 2D transforms are also possible using a transformation matrix.</description><group>transforms</group><group_name>Transforms</group_name><baseline><status>widely</status><low_date>2015-09-30</low_date><high_date>2018-03-30</high_date></baseline><support><browser name="chrome" version="36" supported="true"></browser><browser name="firefox" version="16" supported="true"></browser><browser name="safari" version="9" 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="9" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-transforms-1/</spec></specifications><caniuse><id>transforms2d</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/angle</mdn_url><compat_features><key>css.properties.transform</key><key>css.properties.transform-origin</key><key>css.properties.transform-origin.bottom</key><key>css.properties.transform-origin.center</key><key>css.properties.transform-origin.left</key><key>css.properties.transform-origin.right</key><key>css.properties.transform-origin.three_value_syntax</key><key>css.properties.transform-origin.top</key><key>css.properties.transform.none</key><key>css.types.angle</key><key>css.types.angle-percentage</key><key>css.types.angle.deg</key><key>css.types.angle.grad</key><key>css.types.angle.rad</key><key>css.types.angle.turn</key><key>css.types.position</key><key>css.types.position.four_value_syntax</key><key>css.types.position.keyword_value_syntax</key><key>css.types.transform-function</key><key>css.types.transform-function.matrix</key><key>css.types.transform-function.rotate</key><key>css.types.transform-function.scale</key><key>css.types.transform-function.scaleX</key><key>css.types.transform-function.scaleY</key><key>css.types.transform-function.skew</key><key>css.types.transform-function.skewX</key><key>css.types.transform-function.skewY</key><key>css.types.transform-function.translate</key><key>css.types.transform-function.translateX</key><key>css.types.transform-function.translateY</key></compat_features><canonical_url>https://nowyoucanuse.com/features--transforms2d.html</canonical_url></feature>