May 3, 2011

CSS 3 gradients

Firefox syntax
-
moz-linear-gradient( [<point> || ,]? , [, ]* )

-moz-radial-gradient( [<position> || ,]? [<shape> || ,]? , [, ]* )

Webkit syntax

-webkit-gradient(<type>,  [, ]?,  [, ]? [, ]*)

IE Gradient gradient example

I would suggest you to use these filters only in conditional CSS files, otherwise these filters will affect your files performance.

filter: progid:DXImageTransform.Microsoft.gradient
(
GradientType=0,
startColorstr
=#6191bf, endColorstr=#cde6f9); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft
.gradient
(GradientType=0, startColorstr=#6191bf,
endColorstr=#cde6f9)"
; /* IE8 */