Return to Snippet

Revision: 42407
at March 4, 2011 12:26 by DADU


Initial Code
.gradient.linear {
/* fallback color */
background:#555555;
/* Webkit legacy syntax */
background:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#000000));
/* >= Gecko 1.9.2 */
background:-moz-linear-gradient(#FFFFFF,#000000);
/* Webkit new syntax */
background:-webkit-linear-gradient(#FFFFFF,#000000);
/* < IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#000000);
/* >= IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#000000)";
}

.gradient.radial {
/* fallback color */
background:#555555;
/* Webkit legacy syntax */
background:-webkit-gradient(radial,center center,0,center center,100,from(#FFFFFF),to(#000000));
/* >= Gecko 1.9.2 */
background:-moz-radial-gradient(#FFFFFF,#000000);
/* Webkit new syntax */
background:-webkit-radial-gradient(#FFFFFF,#000000);
}

Initial URL


Initial Description


Initial Title
CSS3 linear and radial gradient

Initial Tags
css, ie, background, CSS3

Initial Language
CSS