渐变的背景色
Posted rockyjs
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了渐变的背景色相关的知识,希望对你有一定的参考价值。
背景色的渐变
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进行设置
以上是关于渐变的背景色的主要内容,如果未能解决你的问题,请参考以下文章