| { |
| "css": { |
| "properties": { |
| "box-shadow": { |
| "__compat": { |
| "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/box-shadow", |
| "spec_url": "https://drafts.csswg.org/css-backgrounds/#box-shadow", |
| "tags": [ |
| "web-features:box-shadow" |
| ], |
| "support": { |
| "chrome": [ |
| { |
| "version_added": "10", |
| "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a `width` of `100%`, then you'll see a scrollbar." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "1" |
| } |
| ], |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": [ |
| { |
| "version_added": "4", |
| "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a `width` of `100%`, then you'll see a scrollbar." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "49" |
| }, |
| { |
| "prefix": "-moz-", |
| "version_added": "3.5", |
| "version_removed": "13" |
| } |
| ], |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9", |
| "notes": [ |
| "To use `box-shadow` in Internet Explorer 9 or later, you must set [`border-collapse`](https://developer.mozilla.org/docs/Web/CSS/border-collapse) to `separate`.", |
| "Since version 5.5, Internet Explorer supports Microsoft's [DropShadow](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms532985(v=vs.85)) and [Shadow Filter](https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms533086(v=vs.85)). You can use this proprietary extension to cast a drop shadow (though the syntax and the effect are different from CSS3)" |
| ] |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "10.5", |
| "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a `width` of `100%`, then you'll see a scrollbar." |
| }, |
| "opera_android": "mirror", |
| "safari": [ |
| { |
| "version_added": "5.1", |
| "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a `width` of `100%`, then you'll see a scrollbar." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "3" |
| } |
| ], |
| "safari_ios": [ |
| { |
| "version_added": "5", |
| "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a `width` of `100%`, then you'll see a scrollbar." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "1" |
| } |
| ], |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| }, |
| "inset": { |
| "__compat": { |
| "tags": [ |
| "web-features:box-shadow" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "3.5" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9", |
| "partial_implementation": true, |
| "notes": "`inset` must be the last keyword in the declaration." |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "10.5" |
| }, |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "5" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "multiple_shadows": { |
| "__compat": { |
| "description": "Multiple shadows", |
| "tags": [ |
| "web-features:box-shadow" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "3.5" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9" |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "10.5" |
| }, |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3" |
| }, |
| "safari_ios": { |
| "version_added": "1" |
| }, |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "spread_radius": { |
| "__compat": { |
| "description": "Spread radius", |
| "tags": [ |
| "web-features:box-shadow" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "3.5" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9" |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "10.5" |
| }, |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "5" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
