| Browser |
Radial CSS |
Linear CSS |
| Firefox |
-moz-radial-gradient( 500px 25%, circle, blue 20px, #eef 40px ); |
-moz-linear-gradient(top, #444444, #999999);) |
| Chrome 11, Safari 5 |
-webkit-radial-gradient(#cde6f9, #81a8cb); |
-webkit-linear-gradient(top, #444444, #999999);) |
| Chrome |
-webkit-gradient( radial, 500 25%, 20, 500 25%, 40, from(blue), to(#eef) ); |
-webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); |
| Opera 11 |
No support |
-o-linear-gradient(top, #444444, #999999);) |
| Opera 10– |
No support |
No support |
| IE10 beta |
-ms-radial-gradient(top center, circle cover,
orange, yellow 25px, turquoise) |
-ms-linear-gradient(30deg, orange, yellow 50%, turquoise); |
| IE9 |
No support |
No support |
| IE8 |
No support |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( la la la... |
| IE5-7 |
No support |
filter: progid:DXImageTransform.Microsoft.gradient(la la la.. |