css3 --linear-gradient-渐变色

//由上至下变色

background:-moz-linear-gradient( top,#f9b347,#f4ad40,#f9b347);  
background:-webkit-gradient(linear,0 0, 0 100%,from(#f4ad40),to(#f9b347));       /*Old gradient for webkit*/
background:-webkit-linear-gradient(top,#f9b347,#f4ad40,#f9b347);           /*new gradient for webkit*/
-o-linear-gradient(top,#f9b347,#eba232,#f9b347);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#eba232, endColorstr=#f9b347);     /*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#eba232, endColorstr=#f9b347)";     /*IE8+ ,不支持圆角*/

 

// radial-gradient(径向渐变-支持-moz-和-webkit-)

 

//filter: blur(2px); 模糊

 

posted on 2016-02-19 10:21  alanaZ  阅读(152)  评论(0编辑  收藏  举报

导航