<image>",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image",
"support": {
"chrome": {
"version_added": "1"
},
"chrome_android": {
"version_added": "18"
},
"edge": {
"version_added": "12"
},
"firefox": {
"version_added": "1"
},
"firefox_android": {
"version_added": "4"
},
"ie": {
"version_added": "10"
},
"opera": {
"version_added": "2"
},
"opera_android": {
"version_added": "11"
},
"safari": {
"version_added": "1"
},
"safari_ios": {
"version_added": "1"
},
"samsunginternet_android": {
"version_added": "1.0"
},
"webview_android": {
"version_added": "1"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"cross-fade": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cross-fade",
"description": "cross-fade()",
"support": {
"chrome": {
"prefix": "-webkit-",
"version_added": "17",
"notes": "Supports the original dual-image with percentage implementation only."
},
"chrome_android": {
"prefix": "-webkit-",
"version_added": "18",
"notes": "Supports the original dual-image with percentage implementation only."
},
"edge": {
"prefix": "-webkit-",
"version_added": "79",
"notes": "Supports the original dual-image with percentage implementation only."
},
"firefox": {
"version_added": false
},
"firefox_android": {
"version_added": false
},
"ie": {
"version_added": false
},
"opera": {
"prefix": "-webkit-",
"version_added": "15",
"notes": "Supports the original dual-image with percentage implementation only."
},
"opera_android": {
"prefix": "-webkit-",
"version_added": "14",
"notes": "Supports the original dual-image with percentage implementation only."
},
"safari": [
{
"version_added": "10",
"notes": "Supports the original dual-image with percentage implementation only."
},
{
"prefix": "-webkit-",
"version_added": "5.1",
"notes": "Supports the original dual-image with percentage implementation only."
}
],
"safari_ios": [
{
"version_added": "9.3",
"notes": "Support for the original dual-image with percentage implementation only."
},
{
"prefix": "-webkit-",
"version_added": "5",
"notes": "Supports the original dual-image with percentage implementation only."
}
],
"samsunginternet_android": {
"prefix": "-webkit-",
"version_added": "1.0",
"notes": "Support for the original dual-image with percentage implementation only."
},
"webview_android": {
"prefix": "-webkit-",
"version_added": "≤37",
"notes": "Supports the original dual-image with percentage implementation only."
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"element": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/element",
"description": "element()",
"support": {
"chrome": {
"version_added": false
},
"chrome_android": {
"version_added": false
},
"edge": {
"version_added": false
},
"firefox": [
{
"prefix": "-moz-",
"version_added": "57"
},
{
"prefix": "-moz-",
"partial_implementation": true,
"version_added": "29",
"version_removed": "57",
"notes": "-moz-element() is limited to background-image, background, border-image and border-image-source."
},
{
"prefix": "-moz-",
"partial_implementation": true,
"version_added": "4",
"version_removed": "29",
"notes": "-moz-element() is limited to background-image and background."
}
],
"firefox_android": [
{
"prefix": "-moz-",
"version_added": "60"
},
{
"prefix": "-moz-",
"partial_implementation": true,
"version_added": "29",
"version_removed": "60",
"notes": "-moz-element() is limited to background-image, background, border-image and border-image-source."
},
{
"prefix": "-moz-",
"partial_implementation": true,
"version_added": "4",
"version_removed": "29",
"notes": "-moz-element() is limited to background-image and background."
}
],
"ie": {
"version_added": false
},
"opera": {
"version_added": false
},
"opera_android": {
"version_added": false
},
"safari": {
"version_added": false
},
"safari_ios": {
"version_added": false
},
"samsunginternet_android": {
"version_added": false
},
"webview_android": {
"version_added": false
}
},
"status": {
"experimental": true,
"standard_track": true,
"deprecated": false
}
}
},
"gradient": {
"__compat": {
"description": "<gradient>",
"support": {
"chrome": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "10"
}
],
"chrome_android": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "18"
}
],
"edge": {
"prefix": "-ms-",
"version_added": "12"
},
"firefox": {
"version_added": "3.6",
"notes": "Gradients are limited to background-image, border-image, and mask-image."
},
"firefox_android": {
"version_added": "4",
"notes": "Gradients are limited to background-image, border-image, and mask-image."
},
"ie": {
"prefix": "-ms-",
"version_added": "10"
},
"opera": [
{
"version_added": "12.1"
},
{
"prefix": "-o-",
"version_added": "11",
"version_removed": "15"
},
{
"prefix": "-webkit-",
"version_added": "15"
}
],
"opera_android": [
{
"version_added": "12.1"
},
{
"prefix": "-o-",
"version_added": "11",
"version_removed": "14"
},
{
"prefix": "-webkit-",
"version_added": "14"
}
],
"safari": [
{
"version_added": "6.1"
},
{
"prefix": "-webkit-",
"version_added": "5.1"
}
],
"safari_ios": [
{
"version_added": "7"
},
{
"prefix": "-webkit-",
"version_added": "6"
}
],
"samsunginternet_android": [
{
"version_added": "1.5"
},
{
"prefix": "-webkit-",
"version_added": "1.0"
}
],
"webview_android": [
{
"version_added": "≤37"
},
{
"prefix": "-webkit-",
"version_added": "≤37"
}
]
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"conic-gradient": {
"__compat": {
"description": "conic-gradient()",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/conic-gradient",
"support": {
"chrome": [
{
"version_added": "69"
},
{
"version_added": "59",
"flags": [
{
"type": "preference",
"name": "Enable Experimental Web Platform Features"
}
]
}
],
"chrome_android": [
{
"version_added": "69"
},
{
"version_added": "59",
"flags": [
{
"type": "preference",
"name": "Enable Experimental Web Platform Features"
}
]
}
],
"edge": {
"version_added": "79"
},
"firefox": [
{
"version_added": "83"
},
{
"version_added": "75",
"flags": [
{
"type": "preference",
"name": "layout.css.conic-gradient.enabled"
}
]
}
],
"firefox_android": [
{
"version_added": "83"
},
{
"version_added": "79",
"flags": [
{
"type": "preference",
"name": "layout.css.conic-gradient.enabled"
}
]
}
],
"ie": {
"version_added": false
},
"opera": [
{
"version_added": "56"
},
{
"version_added": "46",
"flags": [
{
"type": "preference",
"name": "Enable Experimental Web Platform Features"
}
]
}
],
"opera_android": [
{
"version_added": "48"
},
{
"version_added": "43",
"flags": [
{
"type": "preference",
"name": "Enable Experimental Web Platform Features"
}
]
}
],
"safari": {
"version_added": "12.1"
},
"safari_ios": {
"version_added": "12.2"
},
"samsunginternet_android": {
"version_added": "10.0"
},
"webview_android": {
"version_added": "69"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"doubleposition": {
"__compat": {
"description": "Double-position color stops",
"support": {
"chrome": {
"version_added": "72"
},
"chrome_android": {
"version_added": "72"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": false
},
"firefox_android": {
"version_added": false
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "60"
},
"opera_android": {
"version_added": "51"
},
"safari": {
"version_added": "12.1"
},
"safari_ios": {
"version_added": "12.2"
},
"samsunginternet_android": {
"version_added": "11.0"
},
"webview_android": {
"version_added": "72"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
},
"linear-gradient": {
"__compat": {
"description": "linear-gradient()",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/linear-gradient",
"support": {
"chrome": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "10"
}
],
"chrome_android": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "18"
}
],
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "16",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "3.6",
"notes": [
"Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.",
"Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
]
},
{
"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",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "4",
"notes": [
"Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.",
"Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
]
},
{
"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",
"notes": "Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter: -ms-filter: progid:DXImageTransform.Microsoft.Gradient()."
},
"opera": [
{
"version_added": "12.1"
},
{
"prefix": "-o-",
"version_added": "11",
"version_removed": "15",
"notes": "Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
},
{
"prefix": "-webkit-",
"version_added": "15",
"notes": "Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
}
],
"opera_android": [
{
"version_added": "12.1"
},
{
"prefix": "-o-",
"version_added": "11",
"version_removed": "14",
"notes": "Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
},
{
"prefix": "-webkit-",
"version_added": "14",
"notes": "Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
}
],
"safari": [
{
"version_added": "6.1"
},
{
"prefix": "-webkit-",
"version_added": "5.1",
"notes": [
"Safari 4 was supporting an experimental -webkit-gradient(linear,…) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in linear-gradient(). This old outdated syntax is still supported for compatibility purposes.",
"Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
]
}
],
"safari_ios": [
{
"version_added": "6.1"
},
{
"prefix": "-webkit-",
"version_added": "6",
"notes": [
"Safari 4 was supporting an experimental -webkit-gradient(linear,…) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in linear-gradient(). This old outdated syntax is still supported for compatibility purposes.",
"Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
]
}
],
"samsunginternet_android": [
{
"version_added": "1.5"
},
{
"prefix": "-webkit-",
"version_added": "1.0"
}
],
"webview_android": [
{
"version_added": "≤37"
},
{
"prefix": "-webkit-",
"version_added": "≤37"
}
]
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"doubleposition": {
"__compat": {
"description": "Double-position color stops",
"support": {
"chrome": {
"version_added": "71"
},
"chrome_android": {
"version_added": "71"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": "64"
},
"firefox_android": {
"version_added": "64"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "58"
},
"opera_android": {
"version_added": "50"
},
"safari": {
"version_added": "12.1"
},
"safari_ios": {
"version_added": "12.2"
},
"samsunginternet_android": {
"version_added": "10.0"
},
"webview_android": {
"version_added": "71"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"interpolation_hints": {
"__compat": {
"description": "Interpolation Hints / Gradient Midpoints",
"support": {
"chrome": {
"version_added": "40"
},
"chrome_android": {
"version_added": "40"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": "36"
},
"firefox_android": {
"version_added": "36"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "27"
},
"opera_android": {
"version_added": "27"
},
"safari": {
"version_added": "6.1"
},
"safari_ios": {
"version_added": "6.1"
},
"samsunginternet_android": {
"version_added": "4.0"
},
"webview_android": {
"version_added": "40"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"to": {
"__compat": {
"description": "to keyword",
"support": {
"chrome": {
"version_added": "26"
},
"chrome_android": {
"version_added": "26"
},
"edge": {
"version_added": "12"
},
"firefox": {
"version_added": "10"
},
"firefox_android": {
"version_added": "10"
},
"ie": {
"version_added": "10"
},
"opera": {
"version_added": "12.1"
},
"opera_android": {
"version_added": "14"
},
"safari": {
"version_added": "6.1"
},
"safari_ios": {
"version_added": "6.1"
},
"samsunginternet_android": {
"version_added": "1.5"
},
"webview_android": {
"version_added": "≤37"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"unitless_0_angle": {
"__compat": {
"description": "Unitless 0 for <angle>",
"support": {
"chrome": {
"version_added": "26"
},
"chrome_android": {
"version_added": "26"
},
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "55"
},
{
"version_added": "46",
"partial_implementation": true,
"notes": "Accepted only in -webkit-linear-gradient() and -moz-linear-gradient(), not linear-gradient()."
}
],
"firefox_android": [
{
"version_added": "55"
},
{
"version_added": "46",
"partial_implementation": true,
"notes": "Accepted only in -webkit-linear-gradient() and -moz-linear-gradient(), not linear-gradient()."
}
],
"ie": {
"version_added": false
},
"opera": {
"version_added": "16"
},
"opera_android": {
"version_added": "14"
},
"safari": {
"version_added": "6.1"
},
"safari_ios": {
"version_added": "6.1"
},
"samsunginternet_android": {
"version_added": "1.5"
},
"webview_android": {
"version_added": "≤37"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
},
"radial-gradient": {
"__compat": {
"description": "radial-gradient()",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/radial-gradient",
"support": {
"chrome": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "13"
}
],
"chrome_android": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "18"
}
],
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "16",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "3.6",
"notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false."
},
{
"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",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "4",
"notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false."
},
{
"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",
"notes": "Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter: -ms-filter: progid:DXImageTransform.Microsoft.Gradient()."
},
"opera": [
{
"version_added": "12.1"
},
{
"prefix": "-o-",
"version_added": "11.6",
"version_removed": "15"
},
{
"prefix": "-webkit-",
"version_added": "15"
}
],
"opera_android": [
{
"version_added": "12.1"
},
{
"prefix": "-o-",
"version_added": "12",
"version_removed": "14"
},
{
"prefix": "-webkit-",
"version_added": "14"
}
],
"safari": [
{
"version_added": "6.1"
},
{
"prefix": "-webkit-",
"version_added": "5.1",
"notes": "Safari 4 was supporting an experimental -webkit-gradient(radial,…) function. This old outdated syntax is still supported for compatibility purposes."
}
],
"safari_ios": [
{
"version_added": "6.1"
},
{
"prefix": "-webkit-",
"version_added": "6",
"notes": "Safari 4 was supporting an experimental -webkit-gradient(radial,…) function. This old outdated syntax is still supported for compatibility purposes."
}
],
"samsunginternet_android": [
{
"version_added": "1.5"
},
{
"prefix": "-webkit-",
"version_added": "1.0"
}
],
"webview_android": [
{
"version_added": "≤37"
},
{
"prefix": "-webkit-",
"version_added": "≤37"
}
]
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"at": {
"__compat": {
"description": "at syntax",
"support": {
"chrome": {
"version_added": "26"
},
"chrome_android": {
"version_added": "26"
},
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "16",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "10",
"notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false."
},
{
"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": "10"
}
],
"ie": {
"version_added": "10"
},
"opera": [
{
"version_added": "15"
},
{
"prefix": "-o-",
"version_added": "11.6",
"version_removed": "15"
}
],
"opera_android": [
{
"version_added": "14"
},
{
"prefix": "-o-",
"version_added": "12",
"version_removed": "14"
}
],
"safari": {
"version_added": false
},
"safari_ios": {
"version_added": false
},
"samsunginternet_android": {
"version_added": "1.5"
},
"webview_android": {
"version_added": "≤37"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"doubleposition": {
"__compat": {
"description": "Double-position color stops",
"support": {
"chrome": {
"version_added": "71"
},
"chrome_android": {
"version_added": "71"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": "64"
},
"firefox_android": {
"version_added": "64"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "58"
},
"opera_android": {
"version_added": "50"
},
"safari": {
"version_added": "12.1"
},
"safari_ios": {
"version_added": "12.2"
},
"samsunginternet_android": {
"version_added": "10.0"
},
"webview_android": {
"version_added": "71"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"interpolation_hints": {
"__compat": {
"description": "Interpolation Hints / Gradient Midpoints",
"support": {
"chrome": {
"version_added": "40"
},
"chrome_android": {
"version_added": "40"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": "36"
},
"firefox_android": {
"version_added": "36"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "27"
},
"opera_android": {
"version_added": "27"
},
"safari": {
"version_added": "6.1"
},
"safari_ios": {
"version_added": "6.1"
},
"samsunginternet_android": {
"version_added": "4.0"
},
"webview_android": {
"version_added": "40"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
},
"repeating-conic-gradient": {
"__compat": {
"description": "repeating-conic-gradient()",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/repeating-conic-gradient",
"support": {
"chrome": [
{
"version_added": "69"
},
{
"version_added": "59",
"flags": [
{
"type": "preference",
"name": "Enable Experimental Web Platform Features"
}
]
}
],
"chrome_android": [
{
"version_added": "69"
},
{
"version_added": "59",
"flags": [
{
"type": "preference",
"name": "Enable Experimental Web Platform Features"
}
]
}
],
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": false
},
"firefox_android": {
"version_added": false
},
"ie": {
"version_added": false
},
"opera": [
{
"version_added": "56"
},
{
"version_added": "46",
"flags": [
{
"type": "preference",
"name": "Enable Experimental Web Platform Features"
}
]
}
],
"opera_android": [
{
"version_added": "48"
},
{
"version_added": "43",
"flags": [
{
"type": "preference",
"name": "Enable Experimental Web Platform Features"
}
]
}
],
"safari": {
"version_added": "12.1"
},
"safari_ios": {
"version_added": "12.2"
},
"samsunginternet_android": {
"version_added": "10.0"
},
"webview_android": {
"version_added": "69"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"repeating-linear-gradient": {
"__compat": {
"description": "repeating-linear-gradient()",
"support": {
"chrome": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "10"
}
],
"chrome_android": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "18"
}
],
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "16",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "3.6",
"notes": [
"Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.",
"Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
]
},
{
"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",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "4",
"notes": [
"Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false.",
"Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
]
},
{
"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",
"notes": "Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter: -ms-filter: progid:DXImageTransform.Microsoft.Gradient()."
},
"opera": [
{
"version_added": "12.1"
},
{
"prefix": "-webkit-",
"version_added": "15",
"notes": "Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
},
{
"prefix": "-o-",
"version_added": "11",
"version_removed": "15",
"notes": "Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
}
],
"opera_android": [
{
"version_added": "12.1"
},
{
"prefix": "-webkit-",
"version_added": "14",
"notes": "Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
},
{
"prefix": "-o-",
"version_added": "11",
"version_removed": "14",
"notes": "Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
}
],
"safari": [
{
"version_added": "6.1"
},
{
"prefix": "-webkit-",
"version_added": "5.1",
"notes": [
"Safari 4 was supporting an experimental -webkit-gradient(linear,…) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in repeating-linear-gradient(). This old outdated syntax is still supported for compatibility purposes.",
"Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
]
}
],
"safari_ios": [
{
"version_added": "6.1"
},
{
"prefix": "-webkit-",
"version_added": "6",
"notes": [
"Safari 4 was supporting an experimental -webkit-gradient(linear,…) function. It is more limited than the later standard version: you cannot specify both a position and an angle like in repeating-linear-gradient(). This old outdated syntax is still supported for compatibility purposes.",
"Considers <angle> to start to the right, instead of the top. I.e. it considered an angle of 0deg as a direction indicator pointing to the right."
]
}
],
"samsunginternet_android": [
{
"version_added": "1.5"
},
{
"prefix": "-webkit-",
"version_added": "1.0"
}
],
"webview_android": [
{
"version_added": "≤37"
},
{
"prefix": "-webkit-",
"version_added": "≤37"
}
]
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
},
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/repeating-linear-gradient"
},
"doubleposition": {
"__compat": {
"description": "Double-position color stops",
"support": {
"chrome": {
"version_added": "71"
},
"chrome_android": {
"version_added": "71"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": "64"
},
"firefox_android": {
"version_added": "64"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "58"
},
"opera_android": {
"version_added": "50"
},
"safari": {
"version_added": "12.1"
},
"safari_ios": {
"version_added": "12.2"
},
"samsunginternet_android": {
"version_added": "10.0"
},
"webview_android": {
"version_added": "71"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"interpolation_hints": {
"__compat": {
"description": "Interpolation Hints / Gradient Midpoints",
"support": {
"chrome": {
"version_added": "40"
},
"chrome_android": {
"version_added": "40"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": "36"
},
"firefox_android": {
"version_added": "36"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "27"
},
"opera_android": {
"version_added": "27"
},
"safari": {
"version_added": "6.1"
},
"safari_ios": {
"version_added": "6.1"
},
"samsunginternet_android": {
"version_added": "4.0"
},
"webview_android": {
"version_added": "40"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"to": {
"__compat": {
"description": "to keyword",
"support": {
"chrome": {
"version_added": "26"
},
"chrome_android": {
"version_added": "26"
},
"edge": {
"version_added": "12"
},
"firefox": {
"version_added": "10"
},
"firefox_android": {
"version_added": "10"
},
"ie": {
"version_added": "10"
},
"opera": {
"version_added": "12.1"
},
"opera_android": {
"version_added": "14"
},
"safari": {
"version_added": "6.1"
},
"safari_ios": {
"version_added": "6.1"
},
"samsunginternet_android": {
"version_added": "1.5"
},
"webview_android": {
"version_added": "≤37"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"unitless_0_angle": {
"__compat": {
"description": "Unitless 0 for <angle>",
"support": {
"chrome": {
"version_added": "26"
},
"chrome_android": {
"version_added": "26"
},
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "55"
},
{
"version_added": "46",
"partial_implementation": true,
"notes": "Accepted only in -webkit-repeating-linear-gradient() and -moz-repeating-linear-gradient(), not repeating-linear-gradient()."
}
],
"firefox_android": [
{
"version_added": "55"
},
{
"version_added": "46",
"partial_implementation": true,
"notes": "Accepted only in -webkit-repeating-linear-gradient() and -moz-repeating-linear-gradient(), not repeating-linear-gradient()."
}
],
"ie": {
"version_added": false
},
"opera": {
"version_added": "16"
},
"opera_android": {
"version_added": "14"
},
"safari": {
"version_added": "6.1"
},
"safari_ios": {
"version_added": "6.1"
},
"samsunginternet_android": {
"version_added": "1.5"
},
"webview_android": {
"version_added": "≤37"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
},
"repeating-radial-gradient": {
"__compat": {
"description": "repeating-radial-gradient()",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/repeating-radial-gradient",
"support": {
"chrome": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "10"
}
],
"chrome_android": [
{
"version_added": "26"
},
{
"prefix": "-webkit-",
"version_added": "18"
}
],
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "16",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "3.6",
"notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false."
},
{
"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",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "10",
"notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false."
},
{
"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"
},
"opera": [
{
"version_added": "12.1"
},
{
"prefix": "-webkit-",
"version_added": "15"
},
{
"prefix": "-o-",
"version_added": "12",
"version_removed": "15"
}
],
"opera_android": [
{
"version_added": "12.1"
},
{
"prefix": "-webkit-",
"version_added": "14"
},
{
"prefix": "-o-",
"version_added": "12",
"version_removed": "14"
}
],
"safari": [
{
"version_added": "6.1"
},
{
"prefix": "-webkit-",
"version_added": "5.1",
"notes": "Safari 4 was supporting an experimental -webkit-gradient(radial,…) function. This old outdated syntax is still supported for compatibility purposes."
}
],
"safari_ios": [
{
"version_added": "7"
},
{
"prefix": "-webkit-",
"version_added": "6",
"notes": "Safari 4 was supporting an experimental -webkit-gradient(radial,…) function. This old outdated syntax is still supported for compatibility purposes."
}
],
"samsunginternet_android": [
{
"version_added": "1.5"
},
{
"prefix": "-webkit-",
"version_added": "1.0"
}
],
"webview_android": [
{
"version_added": "4.4"
},
{
"prefix": "-webkit-",
"version_added": "≤37"
}
]
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
},
"at": {
"__compat": {
"description": "at syntax",
"support": {
"chrome": {
"version_added": "26"
},
"chrome_android": {
"version_added": "26"
},
"edge": {
"version_added": "12"
},
"firefox": [
{
"version_added": "16",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "10",
"notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false."
},
{
"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",
"notes": "Before Firefox 36, gradients weren't applied on the pre-multiplied color space, leading to shades of grey unexpectedly appearing when used with transparency."
},
{
"prefix": "-moz-",
"version_added": "10",
"notes": "Since Firefox 42, the prefixed version of gradients can be disabled by setting layout.css.prefixes.gradients to false."
},
{
"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"
},
"opera": [
{
"version_added": "15"
},
{
"prefix": "-o-",
"version_added": "12",
"version_removed": "15"
}
],
"opera_android": [
{
"version_added": "14"
},
{
"prefix": "-o-",
"version_added": "12",
"version_removed": "14"
}
],
"safari": {
"version_added": false
},
"safari_ios": {
"version_added": false
},
"samsunginternet_android": {
"version_added": "1.5"
},
"webview_android": {
"version_added": "≤37"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"doubleposition": {
"__compat": {
"description": "Double-position color stops",
"support": {
"chrome": {
"version_added": "71"
},
"chrome_android": {
"version_added": "71"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": "64"
},
"firefox_android": {
"version_added": "64"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "58"
},
"opera_android": {
"version_added": "50"
},
"safari": {
"version_added": "12.1"
},
"safari_ios": {
"version_added": "12.2"
},
"samsunginternet_android": {
"version_added": "10.0"
},
"webview_android": {
"version_added": "71"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"interpolation_hints": {
"__compat": {
"description": "Interpolation Hints / Gradient Midpoints",
"support": {
"chrome": {
"version_added": "40"
},
"chrome_android": {
"version_added": "40"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": "36"
},
"firefox_android": {
"version_added": "46"
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "27"
},
"opera_android": {
"version_added": "27"
},
"safari": {
"version_added": "6.1"
},
"safari_ios": {
"version_added": "7"
},
"samsunginternet_android": {
"version_added": "4.0"
},
"webview_android": {
"version_added": "40"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
}
},
"image": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/imagefunction",
"description": "image()",
"support": {
"chrome": {
"version_added": false
},
"chrome_android": {
"version_added": false
},
"edge": {
"version_added": false
},
"firefox": {
"version_added": false,
"notes": "The -moz-image-rect() function supports fragments as of Firefox 4."
},
"firefox_android": {
"version_added": false,
"notes": "The -moz-image-rect() function supports fragments as of Firefox 4."
},
"ie": {
"version_added": false
},
"opera": {
"version_added": false
},
"opera_android": {
"version_added": false
},
"safari": {
"version_added": false
},
"safari_ios": {
"version_added": false
},
"samsunginternet_android": {
"version_added": false
},
"webview_android": {
"version_added": false
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"image-set": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image-set",
"description": "image-set()",
"support": {
"chrome": {
"prefix": "-webkit-",
"version_added": "21"
},
"chrome_android": {
"prefix": "-webkit-",
"version_added": "25"
},
"edge": {
"prefix": "-webkit-",
"version_added": "79"
},
"firefox": {
"version_added": false,
"notes": "See bug 1107646."
},
"firefox_android": {
"version_added": false,
"notes": "See bug 1107646."
},
"ie": {
"version_added": false
},
"opera": {
"prefix": "-webkit-",
"version_added": "15"
},
"opera_android": {
"prefix": "-webkit-",
"version_added": "14"
},
"safari": {
"prefix": "-webkit-",
"version_added": "6",
"partial_implementation": true,
"notes": "Support for url images only and x is the only supported resolution unit. See bug 160934."
},
"safari_ios": {
"prefix": "-webkit-",
"version_added": "6",
"partial_implementation": true,
"notes": "Support for url images only and x is the only supported resolution unit. See bug 160934."
},
"samsunginternet_android": {
"prefix": "-webkit-",
"version_added": "1.5"
},
"webview_android": {
"prefix": "-webkit-",
"version_added": "4.4"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
},
"paint": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/paint",
"description": "paint()",
"support": {
"chrome": {
"version_added": "65"
},
"chrome_android": {
"version_added": "65"
},
"edge": {
"version_added": "79"
},
"firefox": {
"version_added": false
},
"firefox_android": {
"version_added": false
},
"ie": {
"version_added": false
},
"opera": {
"version_added": "52"
},
"opera_android": {
"version_added": "47"
},
"safari": {
"version_added": false
},
"safari_ios": {
"version_added": false
},
"samsunginternet_android": {
"version_added": "9.2"
},
"webview_android": {
"version_added": "65"
}
},
"status": {
"experimental": false,
"standard_track": true,
"deprecated": false
}
}
}
}
}
}
}