<gradient> | Chrome
Support complet
26-
Support complet
26
-
Support complet
10
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Edge
Support complet
12-
Support complet
12
- Préfixée Nécessite l'utilisation d'un préfixe : -ms-
| Firefox
Support complet
3.6-
Support complet
3.6
- Notes Gradients are limited to
background-image , border-image , and mask-image .
| IE
Support complet
10-
Support complet
10
- Préfixée Nécessite l'utilisation d'un préfixe : -ms-
| Opera
Support complet
12.1-
Support complet
12.1
-
Aucun support
11 — 15
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
-
Support complet
15
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Safari
Support complet
6.1-
Support complet
6.1
-
Support complet
5.1
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| WebView Android
Support complet
≤37-
Support complet
≤37
-
Support complet
≤37
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Chrome Android
Support complet
26-
Support complet
26
-
Support complet
18
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Firefox Android
Support complet
4-
Support complet
4
- Notes Gradients are limited to
background-image , border-image , and mask-image .
| Opera Android
Support complet
12.1-
Support complet
12.1
-
Aucun support
11 — 14
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
-
Support complet
14
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Safari iOS
Support complet
7-
Support complet
7
-
Support complet
6
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Samsung Internet Android
Support complet
1.5-
Support complet
1.5
-
Support complet
1.0
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
|
---|
conic-gradient() | Chrome
Support complet
69-
Support complet
69
-
Support complet
59
- Désactivée From version 59: this feature is behind the
Enable Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
| Edge
Aucun support
Non | Firefox
Aucun support
Non | IE
Aucun support
Non | Opera
Support complet
56-
Support complet
56
-
Support complet
46
- Désactivée From version 46: this feature is behind the
Enable Experimental Web Platform Features preference.
| Safari
Support complet
12.1 | WebView Android
Support complet
69-
Support complet
69
-
Support complet
59
- Désactivée From version 59: this feature is behind the
Enable Experimental Web Platform Features preference.
| Chrome Android
Support complet
69-
Support complet
69
-
Support complet
59
- Désactivée From version 59: this feature is behind the
Enable Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
| Firefox Android
Aucun support
Non | Opera Android
Support complet
48-
Support complet
48
-
Support complet
43
- Désactivée From version 43: this feature is behind the
Enable Experimental Web Platform Features preference.
| Safari iOS
Support complet
12.2 | Samsung Internet Android
Support complet
10.0 |
---|
linear-gradient() | Chrome
Support complet
26-
Support complet
26
-
Support complet
10
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Edge
Support complet
12 | Firefox
Support complet
16-
Support complet
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.
-
Support complet
3.6
- Préfixée Nécessite l'utilisation d'un préfixe : -moz-
- Notes Since Firefox 42, the prefixed version of gradients can be disabled by setting
layout.css.prefixes.gradients to false . - 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. -
Support complet
49
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Support complet
44
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Désactivée From version 44: this feature is behind the
layout.css.prefixes.webkit preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
| IE
Support complet
10-
Support complet
10
- Notes Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter:
-ms-filter: progid:DXImageTransform.Microsoft.Gradient() .
| Opera
Support complet
12.1-
Support complet
12.1
-
Aucun support
11 — 15
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
- 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. -
Support complet
15
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- 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
Support complet
6.1-
Support complet
6.1
-
Support complet
5.1
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- 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. - 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.
| WebView Android
Support complet
≤37-
Support complet
≤37
-
Support complet
≤37
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Chrome Android
Support complet
26-
Support complet
26
-
Support complet
18
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Firefox Android
Support complet
16-
Support complet
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.
-
Support complet
4
- Préfixée Nécessite l'utilisation d'un préfixe : -moz-
- Notes Since Firefox 42, the prefixed version of gradients can be disabled by setting
layout.css.prefixes.gradients to false . - 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. -
Support complet
49
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Support complet
44
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Désactivée From version 44: this feature is behind the
layout.css.prefixes.webkit preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
| Opera Android
Support complet
12.1-
Support complet
12.1
-
Aucun support
11 — 14
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
- 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. -
Support complet
14
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- 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 iOS
Support complet
6.1-
Support complet
6.1
-
Support complet
6
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- 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. - 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.
| Samsung Internet Android
Support complet
1.5-
Support complet
1.5
-
Support complet
1.0
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
|
---|
radial-gradient() | Chrome
Support complet
26-
Support complet
26
-
Support complet
13
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Edge
Support complet
12 | Firefox
Support complet
16-
Support complet
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.
-
Support complet
3.6
- Préfixée Nécessite l'utilisation d'un préfixe : -moz-
- Notes Since Firefox 42, the prefixed version of gradients can be disabled by setting
layout.css.prefixes.gradients to false . -
Support complet
49
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Support complet
44
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Désactivée From version 44: this feature is behind the
layout.css.prefixes.webkit preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
| IE
Support complet
10-
Support complet
10
- Notes Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter:
-ms-filter: progid:DXImageTransform.Microsoft.Gradient() .
| Opera
Support complet
12.1-
Support complet
12.1
-
Aucun support
11.6 — 15
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
-
Support complet
15
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Safari
Support complet
6.1-
Support complet
6.1
-
Support complet
5.1
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Notes Safari 4 was supporting an experimental
-webkit-gradient(radial,…) function. This old outdated syntax is still supported for compatibility purposes.
| WebView Android
Support complet
≤37-
Support complet
≤37
-
Support complet
≤37
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Chrome Android
Support complet
26-
Support complet
26
-
Support complet
18
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Firefox Android
Support complet
16-
Support complet
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.
-
Support complet
4
- Préfixée Nécessite l'utilisation d'un préfixe : -moz-
- Notes Since Firefox 42, the prefixed version of gradients can be disabled by setting
layout.css.prefixes.gradients to false . -
Support complet
49
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Support complet
44
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Désactivée From version 44: this feature is behind the
layout.css.prefixes.webkit preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
| Opera Android
Support complet
12.1-
Support complet
12.1
-
Aucun support
12 — 14
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
-
Support complet
14
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Safari iOS
Support complet
6.1-
Support complet
6.1
-
Support complet
6
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Notes Safari 4 was supporting an experimental
-webkit-gradient(radial,…) function. This old outdated syntax is still supported for compatibility purposes.
| Samsung Internet Android
Support complet
1.5-
Support complet
1.5
-
Support complet
1.0
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
|
---|
repeating-conic-gradient() | Chrome
Support complet
69-
Support complet
69
-
Support complet
59
- Désactivée From version 59: this feature is behind the
Enable Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
| Edge
Aucun support
Non | Firefox
Aucun support
Non | IE
Aucun support
Non | Opera
Support complet
56-
Support complet
56
-
Support complet
46
- Désactivée From version 46: this feature is behind the
Enable Experimental Web Platform Features preference.
| Safari
Support complet
12.1 | WebView Android
Support complet
69-
Support complet
69
-
Support complet
59
- Désactivée From version 59: this feature is behind the
Enable Experimental Web Platform Features preference.
| Chrome Android
Support complet
69-
Support complet
69
-
Support complet
59
- Désactivée From version 59: this feature is behind the
Enable Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
| Firefox Android
Aucun support
Non | Opera Android
Support complet
48-
Support complet
48
-
Support complet
43
- Désactivée From version 43: this feature is behind the
Enable Experimental Web Platform Features preference.
| Safari iOS
Support complet
12.2 | Samsung Internet Android
Support complet
10.0 |
---|
repeating-linear-gradient() | Chrome
Support complet
26-
Support complet
26
-
Support complet
10
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Edge
Support complet
12 | Firefox
Support complet
16-
Support complet
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.
-
Support complet
3.6
- Préfixée Nécessite l'utilisation d'un préfixe : -moz-
- Notes Since Firefox 42, the prefixed version of gradients can be disabled by setting
layout.css.prefixes.gradients to false . - 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. -
Support complet
49
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Support complet
44
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Désactivée From version 44: this feature is behind the
layout.css.prefixes.webkit preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
| IE
Support complet
10-
Support complet
10
- Notes Internet Explorer 5.5 through 9.0 supported gradients via a proprietary filter:
-ms-filter: progid:DXImageTransform.Microsoft.Gradient() .
| Opera
Support complet
12.1-
Support complet
12.1
-
Support complet
15
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- 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. -
Aucun support
11 — 15
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
- 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
Support complet
6.1-
Support complet
6.1
-
Support complet
5.1
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- 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. - 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.
| WebView Android
Support complet
≤37-
Support complet
≤37
-
Support complet
≤37
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Chrome Android
Support complet
26-
Support complet
26
-
Support complet
18
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Firefox Android
Support complet
16-
Support complet
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.
-
Support complet
4
- Préfixée Nécessite l'utilisation d'un préfixe : -moz-
- Notes Since Firefox 42, the prefixed version of gradients can be disabled by setting
layout.css.prefixes.gradients to false . - 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. -
Support complet
49
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Support complet
44
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Désactivée From version 44: this feature is behind the
layout.css.prefixes.webkit preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
| Opera Android
Support complet
12.1-
Support complet
12.1
-
Support complet
14
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- 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. -
Aucun support
11 — 14
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
- 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 iOS
Support complet
6.1-
Support complet
6.1
-
Support complet
6
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- 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. - 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.
| Samsung Internet Android
Support complet
1.5-
Support complet
1.5
-
Support complet
1.0
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
|
---|
repeating-radial-gradient() | Chrome
Support complet
26-
Support complet
26
-
Support complet
10
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Edge
Support complet
12 | Firefox
Support complet
16-
Support complet
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.
-
Support complet
3.6
- Préfixée Nécessite l'utilisation d'un préfixe : -moz-
- Notes Since Firefox 42, the prefixed version of gradients can be disabled by setting
layout.css.prefixes.gradients to false . -
Support complet
49
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Support complet
44
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Désactivée From version 44: this feature is behind the
layout.css.prefixes.webkit preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
| IE
Support complet
10 | Opera
Support complet
12.1-
Support complet
12.1
-
Support complet
15
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Aucun support
12 — 15
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
| Safari
Support complet
6.1-
Support complet
6.1
-
Support complet
5.1
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Notes Safari 4 was supporting an experimental
-webkit-gradient(radial,…) function. This old outdated syntax is still supported for compatibility purposes.
| WebView Android
Support complet
4.4-
Support complet
4.4
-
Support complet
≤37
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Chrome Android
Support complet
26-
Support complet
26
-
Support complet
18
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
| Firefox Android
Support complet
16-
Support complet
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.
-
Support complet
10
- Préfixée Nécessite l'utilisation d'un préfixe : -moz-
- Notes Since Firefox 42, the prefixed version of gradients can be disabled by setting
layout.css.prefixes.gradients to false . -
Support complet
49
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Support complet
44
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Désactivée From version 44: this feature is behind the
layout.css.prefixes.webkit preference (needs to be set to true ). To change preferences in Firefox, visit about:config.
| Opera Android
Support complet
12.1-
Support complet
12.1
-
Support complet
14
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
-
Aucun support
12 — 14
- Préfixée Nécessite l'utilisation d'un préfixe : -o-
| Safari iOS
Support complet
7-
Support complet
7
-
Support complet
6
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
- Notes Safari 4 was supporting an experimental
-webkit-gradient(radial,…) function. This old outdated syntax is still supported for compatibility purposes.
| Samsung Internet Android
Support complet
1.5-
Support complet
1.5
-
Support complet
1.0
- Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
|
---|