-
代码不好看,但兼容所有A-Grade浏览器:
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f5f6)); background: -webkit-linear-gradient(top, #fff, #f4f5f6); background: -moz-linear-gradient(top, #fff, #f4f5f6); background: -o-linear-gradient(top, #fff, #f4f5f6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f5f6');
-
没有现成的
class提供样式 | 记得ie的color要写全6位,不然显示不正常 -
Sass版中使用: @include background(linear-gradient(top, #fff, #f4f5f6)); Demo
-
Demo 引用了1px圆角,在实际项目中只能使用二梯度二色线性渐变,多梯度渐变请暂时不要使用。
- 二梯度渐变生成器:在线二梯度渐变生成器。
- 在内部产品可以使用多梯度渐变:在线多梯度渐变