{ "css": { "properties": { "transform": { "__compat": { "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform", "support": { "chrome": [ { "version_added": "36" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": [ { "version_added": "36" }, { "prefix": "-webkit-", "version_added": "18" } ], "edge": [ { "version_added": "12" }, { "prefix": "-webkit-", "version_added": "12" } ], "firefox": [ { "version_added": "16" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-webkit-", "version_added": "44", "flags": [ { "type": "preference", "name": "layout.css.prefixes.webkit", "value_to_set": "true" } ] } ], "firefox_android": [ { "version_added": "16" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-webkit-", "version_added": "44", "flags": [ { "type": "preference", "name": "layout.css.prefixes.webkit", "value_to_set": "true" } ] } ], "ie": [ { "version_added": "10", "notes": "Internet Explorer does not support the global values initial and unset." }, { "prefix": "-webkit-", "version_added": "11" }, { "prefix": "-ms-", "version_added": "9", "notes": "Internet Explorer 5.5 or later supports a proprietary Matrix Filter which can be used to achieve a similar effect." } ], "opera": [ { "version_added": "23" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "10.5", "version_removed": "15" } ], "opera_android": [ { "version_added": "24" }, { "prefix": "-webkit-", "version_added": "14" }, { "version_added": "12.1", "version_removed": "14" }, { "prefix": "-o-", "version_added": "11", "version_removed": "14" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "3.1" } ], "safari_ios": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "3.2" } ], "samsunginternet_android": [ { "version_added": "3.0" }, { "prefix": "-webkit-", "version_added": "1.0" } ], "webview_android": [ { "version_added": "37" }, { "prefix": "-webkit-", "version_added": "2", "notes": "Android 2.3 has a bug where input forms will \"jump\" when typing, if any container element has a -webkit-transform." } ] }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "3d": { "__compat": { "description": "3D support", "matches": { "keywords": [ "matrix3d", "translate3d", "translateZ", "scale3d", "scaleZ", "rotate3d", "rotateX", "rotateY", "rotateZ", "perspective" ] }, "support": { "chrome": { "version_added": "12" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "16" }, "firefox_android": { "version_added": "16" }, "ie": { "version_added": "10", "notes": "Internet Explorer 9.0 or earlier has no support for 3D transforms. Mixing 3D and 2D transform functions, such as -ms-transform:rotate(10deg) translateZ(0);, will prevent the entire property from being applied." }, "opera": { "version_added": "15" }, "opera_android": { "version_added": "14" }, "safari": { "version_added": "4" }, "safari_ios": { "version_added": "3.2" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "prefix": "-webkit-", "version_added": "3" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } } } } }