CSS3中的渐变和圆角

浏览数：26 / 时间：2015年06月09日

渐变：
backgroud:linear-gradient()
语法：linear-gradient(起点，开始颜色，结束颜色);
　　起点：top，right，bottom，left，top left，top right， bottom left，bottom right，
例：

.test{
    background:-moz-linear-gradient(top,#fff,#000);
    background:-webkit-linear-gradient(top,#fff,#000);
    background:-ms-linear-gradient(top,#fff,#000);　　　　//IE9以上版本才支持；
    background:-o-linear-gradient(top,#fff,#000);
    background:linear-gradient(top,#fff,#000);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #fff, endColorstr = #000)";      //IE8.0 版本可以识别；
    +background:#ccc;                 //针对IE6 IE7设置纯色背景色；
}

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

CSS3中的渐变和圆角