最新消息:

CSS3线性渐变属性(linear-gradient)之:格纹背景

CSS feifei 2876浏览

上个月参加了w3ctech的技术交流会,小米科技展示了很多有css3的优化技巧。而现在正要介绍的这个技巧就是小米的工程师为为大家介绍的。在此感谢w3ctech和小米科技。

一般情况下,在布局页面的时候一下这种效果图都会使用一个小的背景图平铺实现。但是如果使用标准浏览器和CSS3,那么可以很容易的使用linear-gradient这个属性模拟出以下效果图

效果图:

核心CSS代码如下:兼容(Firefox和chrome)

在线demo:

请使用Firefox或chrome查看

http://www.ffasp.com/plugs/linear-gradient/gewen.htm

 

转载请注明:飞飞的个人网站 » CSS3线性渐变属性(linear-gradient)之:格纹背景