blob: 245356bbc39f3009e295d48637cae02498c25b99 [file] [log] [blame] [edit]
{
"css": {
"properties": {
"transition": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/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
}
},
"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
}
}
},
"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",
"ie": {
"version_added": false
},
"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
}
}
}
}
}
}
}