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

渐变的背景色

时间:2019-09-07 13:04:07      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:microsoft   filter   str   gradient   span   line   type   image   lin   

背景色的渐变

1)线性渐变

background: -webkit-linear-gradient(60deg,#fff 10%, #f00 30%, #0f0 50%, #00f 70%, #000);

通过色号进行背景色线性渐变

background: -webkit-linear-gradient(left top, rgba(122,156,233,.6) 30%, rgb(255,12,222) 60%, green 80%, #fff);

通过rgb进行背景色线性渐变

background: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#abcdef‘,endColorstr=‘#f44add‘,GradientType=‘0‘);

background: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=‘#ffffff‘,endColorstr=‘#000000‘,GradientType=‘1‘);

通过filter进行设置

渐变的背景色

标签:microsoft   filter   str   gradient   span   line   type   image   lin   

原文地址:https://www.cnblogs.com/rockyjs/p/11479724.html

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