{ "css": { "properties": { "transform-origin": { "__compat": { "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-origin", "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": "-moz-", "version_added": "3.5" }, { "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": "-moz-", "version_added": "4" }, { "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" }, { "prefix": "-ms-", "version_added": "9" } ], "opera": [ { "version_added": "23" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "10.5" } ], "opera_android": [ { "version_added": "24" }, { "prefix": "-webkit-", "version_added": "15" }, { "version_added": "12.1", "version_removed": "15" }, { "prefix": "-o-", "version_added": "11" } ], "safari": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "2" } ], "safari_ios": [ { "version_added": "9" }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": [ { "version_added": "3.0" }, { "prefix": "-webkit-", "version_added": "1.0" } ], "webview_android": [ { "version_added": "37" }, { "prefix": "-webkit-", "version_added": "≤37" } ] }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "support_in_svg": { "__compat": { "description": "Support in SVG", "support": { "chrome": { "version_added": "19" }, "chrome_android": { "version_added": "25" }, "edge": { "version_added": "17" }, "firefox": [ { "version_added": "43", "notes": "Keywords and percentages refer to the canvas instead of the object itself. See bug 1209061." }, { "version_added": "41", "version_removed": "43", "flags": [ { "type": "preference", "name": "svg.transform-origin.enabled", "value_to_set": "true" } ], "notes": "Keywords and percentages refer to the canvas instead of the object itself. See bug 1209061." } ], "firefox_android": [ { "version_added": "43", "notes": "Keywords and percentages refer to the canvas instead of the object itself. See bug 1209061." }, { "version_added": "41", "version_removed": "43", "flags": [ { "type": "preference", "name": "svg.transform-origin.enabled", "value_to_set": "true" } ], "notes": "Keywords and percentages refer to the canvas instead of the object itself. See bug 1209061." } ], "ie": { "version_added": false }, "opera": { "version_added": "15" }, "opera_android": { "version_added": "14" }, "safari": { "version_added": "6", "notes": "Only supported for transformations applied using the CSS transform property (e.g. .className { transform: rotate(45deg); transform-origin: center; }). It has no effect on transformations applied using the transform SVG attribute (e.g. <rect style="transform-origin: center;" transform="rotate(45)" />)." }, "safari_ios": { "version_added": "6", "notes": "Only supported for transformations applied using the CSS transform property (e.g. .className { transform: rotate(45deg); transform-origin: center; }). It has no effect on transformations applied using the transform SVG attribute (e.g. <rect style="transform-origin: center;" transform="rotate(45)" />)." }, "samsunginternet_android": { "version_added": "1.5" }, "webview_android": { "version_added": "≤37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "three_value_syntax": { "__compat": { "description": "Three-value syntax", "matches": { "regex_value": "^([\\d\\w%-]+|calc\\(.+\\))\\s+([\\d\\w%-]+|calc\\(.+\\))\\s+([\\d\\w-]+|calc\\(.+\\))$" }, "support": { "chrome": { "version_added": "12" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "10" }, "firefox_android": { "version_added": "10" }, "ie": { "version_added": "9" }, "opera": { "version_added": "15" }, "opera_android": { "version_added": "14" }, "safari": { "version_added": "5" }, "safari_ios": { "version_added": "3.2" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "≤37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } } } } }