CSS线性渐变

Posted ruoyuting

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS线性渐变相关的知识,希望对你有一定的参考价值。

1 /*CSS线性渐变*/
2             FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f1f1f1); /*IE*/ 
3             background:-moz-linear-gradient(top,#ffffff,#f1f1f1);/*火狐*/ 
4             background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f1f1f1));/*谷歌*/ 
5             background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #ffffff),color-stop(1, #f1f1f1));/* Safari & Chrome*/ 
6             filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=‘#ffffff‘, endColorstr=‘#f1f1f1‘); /*IE6 & IE7*/ 
7             -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=‘#ffffff‘, endColorstr=‘#f1f1f1‘)"; /* IE8 */ 


有时间在写解释!

以上是关于CSS线性渐变的主要内容,如果未能解决你的问题,请参考以下文章

CSS3中线性渐变,怎么让它在div中,往两边渐变

CSS3线性渐变

CSS高级篇——渐变 (gradient)

CSS高级篇——渐变 (gradient)

CSS高级篇——渐变 (gradient)

CSS高级篇——渐变 (gradient)