Gradient Effect In CSS3
by Ramya[ Edit ] 2012-10-11 19:17:22
Gradient Effect In CSS3:
You can use css3 gradient effect using the colors, instead of using images.
background-image: -moz-linear-gradient(top, #56AC3D, #56AC3D); //For Firefox
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56AC3D), to(#56AC3D)); //Safari
filter: progid
XImageTransform.Microsoft.gradient(startColorstr=#FF56AC3D,endColorstr=#FF56AC3D);
background-image: -ms-linear-gradient(top, #56AC3D, #56AC3D);//For IE10+
background-image: -o-linear-gradient(top, #56AC3D, #56AC3D);// For Opera
This will reduce image loading in your websites
