码迷,mamicode.com
首页 > 其他好文 > 详细

background 线性渐变

时间:2017-04-26 13:04:49      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:sof   htm   die   com   end   back   otto   lin   rtc   

原文链接:http://caibaojian.com/css3-background-gradient.html

综上所述,线性渐变的兼容写法如下:·

//code from http://caibaojian.com/css3-background-gradient.html
.gradient{
    background: #000000;
    background: -moz-linear-gradient(top,  #000000 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #000000 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #000000 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #000000 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #000000 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=‘#000000‘, endColorstr=‘#ffffff‘,GradientType=0 );
}
:root .gradient{filter:none;}


来源:前端开发博客

background 线性渐变

标签:sof   htm   die   com   end   back   otto   lin   rtc   

原文地址:http://www.cnblogs.com/hlyin/p/6767747.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!