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: -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位,不然显示不正常

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

  • 二梯度渐变生成器:在线二 梯度渐变生成器

  • 在内部产品可以使用多梯度渐变:在线多梯度渐变