如何使用CSS3实现重复线性渐变效果

这篇文章主要为大家展示了"如何使用CSS3实现重复线性渐变效果"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"如何使用CSS3实现重复线性渐变效果"这篇文章吧。

　　重复线性渐变效果，有的朋友可能听起来比较陌生，但是在我们日常生活中也是常见的一种渐变效果。

　　代码示例如下：

　　

　　.container{

　　text-align:center;

　　padding:20px0;

　　width:960px;

　　margin:0auto;

　　}

　　.containerdiv{

　　width:200px;

　　height:150px;

　　display:inline-block;

　　margin:2px;

　　color:#ec8007;

　　vertical-align:top;

　　line-height:230px;

　　font-size:20px;

　　}

　　.repeating-linear{

　　background:repeating-linear-gradient(-45deg,#4b6c9c,#5ac4ed5px,#fff5px,#fff10px);

　　}

　　重复线性渐变