{
"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
}
}
}
}
}
}
}