Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

跨浏览器线性渐变

  • 代码不好看,但兼容所有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 提供样式 | 记得 iecolor 要写全6位,不然显示不正常

  • Sass版中使用: @include background(linear-gradient(top, #fff, #f4f5f6)); Demo

  • Demo 引用了1px圆角,在实际项目中只能使用二梯度二色线性渐变,多梯度渐变请暂时不要使用。