Pages

Wednesday, May 4, 2011

CSS gradient cross browser support

Image Morzilla Webkit
-moz-linear-gradient(left, red, blue); -webkit-gradient(linear, left center, right center, from(red), to(blue));
-moz-linear-gradient(45deg, red, blue); -webkit-gradient(linear, left bottom, right top, from(red), to(blue));
-moz-linear-gradient(90deg, red, blue, green); -webkit-gradient(linear, center bottom, center top, from(red), color-stop(50%,blue), to(green));
-moz-linear-gradient(90deg, red, blue 25%, green); -webkit-gradient(linear, center bottom, center top, from(red), color-stop(25%,blue), to(green));
-moz-radial-gradient(red, blue); -webkit-gradient(radial, center center, 0, center center, 70.5, from(red), to(blue));
-moz-radial-gradient(40% 40%, farthest-side, red, blue); -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 60, from(red), to(blue));
-moz-radial-gradient(40% 40%, closest-side, red blue); -webkit-gradient(radial, 40% 40%, 0, 40% 40%, 40, from(red), to(blue));
-moz-radial-gradient(right top, red, blue, green); -webkit-gradient(radial, right top, 0, right top, 141, from(red), color-stop(50%, blue), to(green));
-moz-radial-gradient(right top, red, blue, green); -webkit-gradient(radial, right top, 0, right top, 141, from(red), color-stop(50%, blue), to(green));
-moz-radial-gradient(60% 60%,circle contain,red,blue 75%,green); -webkit-gradient(radial,45% 45%,5,60% 60%,40,from(red),color-stop(75%, blue),to(green));