batfan
4/24/2014 - 8:12 PM

Cross Browser CSS Gradient

Cross Browser CSS Gradient

/* Fallback */    
background: #cccccc;    
/* CSS3 */    
background-image: linear-gradient(top, #CCCCCC 0%, #666666 100%);    
/* FF */
background-image: -moz-linear-gradient(top, #CCCCCC, #666666);
/* IE6/IE7 */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#666666');
/* IE8/IE9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#666666')";
/* IE10 */    
background-image: -ms-linear-gradient(top, #CCCCCC 0%, #666666 100%);    
/* Chrome10/Safari */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #666666),color-stop(1, #CCCCCC));    
/* Opera */
background-image: -o-linear-gradient(top, #CCCCCC 0%, #666666 100%);    
/* Required for IE */
zoom: 1;