| { |
| "css": { |
| "properties": { |
| "transition": { |
| "__compat": { |
| "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/transition", |
| "spec_url": "https://drafts.csswg.org/css-transitions/#transition-shorthand-property", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": [ |
| { |
| "version_added": "26" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "1" |
| } |
| ], |
| "chrome_android": "mirror", |
| "edge": [ |
| { |
| "version_added": "12" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "12" |
| } |
| ], |
| "firefox": [ |
| { |
| "version_added": "16", |
| "notes": [ |
| "Before Firefox 57, transitions do not work when transitioning from a [`text-shadow`](https://developer.mozilla.org/docs/Web/CSS/text-shadow) with a color specified to a `text-shadow` without a color specified (see [bug 726550](https://bugzil.la/726550)).", |
| "Before Firefox 57, cancelling a filling animation (for example, with `animation-fill-mode: forwards` set) can trigger a transition set on the same element, although only once (see [bug 1192592](https://bugzil.la/1192592) and [these test cases](https://bug1192592.bmoattachments.org/attachment.cgi?id=8843824) for more information).", |
| "Before Firefox 57, the [`background-position`](https://developer.mozilla.org/docs/Web/CSS/background-position) property can't be transitioned between two values containing different numbers of [`<position>`](https://developer.mozilla.org/docs/Web/CSS/position_value) values, for example `background-position: 10px 10px;` and `background-position: 20px 20px, 30px 30px;` (see [bug 1390446](https://bugzil.la/1390446))." |
| ] |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "49" |
| }, |
| { |
| "prefix": "-moz-", |
| "version_added": "4", |
| "version_removed": "preview" |
| } |
| ], |
| "firefox_android": "mirror", |
| "ie": [ |
| { |
| "version_added": "10" |
| }, |
| { |
| "prefix": "-ms-", |
| "version_added": "10" |
| } |
| ], |
| "oculus": "mirror", |
| "opera": [ |
| { |
| "version_added": "12.1" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "15" |
| }, |
| { |
| "prefix": "-o-", |
| "version_added": "10.1", |
| "version_removed": "15" |
| } |
| ], |
| "opera_android": [ |
| { |
| "version_added": "12.1" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "14" |
| }, |
| { |
| "prefix": "-o-", |
| "version_added": "10.1", |
| "version_removed": "14" |
| } |
| ], |
| "safari": [ |
| { |
| "version_added": "9" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "3.1" |
| } |
| ], |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": [ |
| { |
| "version_added": "4.4" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "2" |
| } |
| ], |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| }, |
| "all": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-transitions-1/#valdef-transition-property-all", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "allow-discrete": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-transitions-2/#typedef-transition-behavior-value:~:text=allow%2Ddiscrete,-When", |
| "support": { |
| "chrome": { |
| "version_added": "37" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "10" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "ease": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "ease-in": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-in", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "ease-in-out": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-in-out", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "ease-out": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-out", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "gradients_can_animate": { |
| "__compat": { |
| "description": "Gradients can be animated", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": false |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12", |
| "version_removed": "79" |
| }, |
| "firefox": { |
| "version_added": false |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "10" |
| }, |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "preview" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "linear": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-easing-1/#valdef-easing-function-linear", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "none": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-transitions-1/#valdef-transition-property-none", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "normal": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-transitions-2/#typedef-transition-behavior-value:~:text=normal,-%7C%20allow", |
| "support": { |
| "chrome": { |
| "version_added": "37" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "10" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "step-end": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-easing-2/#valdef-step-easing-function-step-end", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "step-start": { |
| "__compat": { |
| "spec_url": "https://drafts.csswg.org/css-easing-2/#valdef-step-easing-function-step-start", |
| "tags": [ |
| "web-features:transitions" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "1" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "3.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "transition-behavior": { |
| "__compat": { |
| "description": "`transition-behavior` value", |
| "tags": [ |
| "web-features:transition-behavior" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "117" |
| }, |
| "chrome_android": "mirror", |
| "edge": "mirror", |
| "firefox": { |
| "version_added": "129" |
| }, |
| "firefox_android": "mirror", |
| "oculus": "mirror", |
| "opera": "mirror", |
| "opera_android": "mirror", |
| "safari": { |
| "version_added": "17.4" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
