| { |
| "css": { |
| "properties": { |
| "clip-path": { |
| "__compat": { |
| "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clip-path", |
| "spec_url": [ |
| "https://drafts.fxtf.org/css-masking/#the-clip-path", |
| "https://drafts.csswg.org/css-shapes/#supported-basic-shapes" |
| ], |
| "tags": [ |
| "web-features:clip-path" |
| ], |
| "support": { |
| "chrome": [ |
| { |
| "version_added": "55" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "23" |
| } |
| ], |
| "chrome_android": "mirror", |
| "edge": [ |
| { |
| "version_added": "79" |
| }, |
| { |
| "version_added": "12", |
| "partial_implementation": true, |
| "notes": "Only supports clip paths defined by <code>url()</code>." |
| } |
| ], |
| "firefox": { |
| "version_added": "3.5" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "10", |
| "partial_implementation": true, |
| "notes": "Only supports clip paths defined by <code>url()</code>." |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": [ |
| { |
| "version_added": "9.1" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "7" |
| } |
| ], |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| }, |
| "basic_shape": { |
| "__compat": { |
| "description": "<code><basic-shape></code>", |
| "tags": [ |
| "web-features:clip-path" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "23" |
| }, |
| "chrome_android": "mirror", |
| "edge": "mirror", |
| "firefox": { |
| "version_added": "54" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": false |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "7" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "fill-box": { |
| "__compat": { |
| "spec_url": "https://drafts.fxtf.org/css-masking/#valdef-clip-path-fill-box", |
| "tags": [ |
| "web-features:clip-path-boxes" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "119" |
| }, |
| "chrome_android": "mirror", |
| "edge": "mirror", |
| "firefox": { |
| "version_added": "51", |
| "notes": "This value was supported before Firefox 51, but as an alias to <code>border-box</code>." |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": false |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "13.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "html_elements": { |
| "__compat": { |
| "description": "On HTML elements", |
| "tags": [ |
| "web-features:clip-path" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "23" |
| }, |
| "chrome_android": "mirror", |
| "edge": "mirror", |
| "firefox": { |
| "version_added": "3.5" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": false |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "7" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "is_animatable": { |
| "__compat": { |
| "description": "Is animatable", |
| "tags": [ |
| "web-features:clip-path-animatable" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "55" |
| }, |
| "chrome_android": "mirror", |
| "edge": "mirror", |
| "firefox": { |
| "version_added": "49" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": false |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": false |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "path": { |
| "__compat": { |
| "description": "<code>path()</code>", |
| "tags": [ |
| "web-features:clip-path" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "88" |
| }, |
| "chrome_android": "mirror", |
| "edge": "mirror", |
| "firefox": { |
| "version_added": "71" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": false |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": [ |
| { |
| "version_added": "13.1" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "10" |
| } |
| ], |
| "safari_ios": [ |
| { |
| "version_added": "13" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "10" |
| } |
| ], |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "stroke-box": { |
| "__compat": { |
| "spec_url": "https://drafts.fxtf.org/css-masking/#valdef-clip-path-stroke-box", |
| "tags": [ |
| "web-features:clip-path-boxes" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "119" |
| }, |
| "chrome_android": "mirror", |
| "edge": "mirror", |
| "firefox": { |
| "version_added": "51", |
| "notes": "This value was supported before Firefox 51, but as an alias to <code>border-box</code>." |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": false |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "13.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "svg_elements": { |
| "__compat": { |
| "description": "On SVG elements", |
| "tags": [ |
| "web-features:clip-path" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "23" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "52" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "10" |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "7" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "view-box": { |
| "__compat": { |
| "spec_url": "https://drafts.fxtf.org/css-masking/#valdef-clip-path-view-box", |
| "tags": [ |
| "web-features:clip-path-boxes" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "119" |
| }, |
| "chrome_android": "mirror", |
| "edge": "mirror", |
| "firefox": { |
| "version_added": "≤72" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": false |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "≤13.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
