CSS repeating-linear-gradient()重复线性渐变
重复线性渐变
CSS中重复的线性渐变的设置，可以通过repeating-linear-gradient()属性，比如下面的这个角度为45deg，颜色在skyblue、orange、pink三种之间重复的示例：
语法
background-image:repeating-linear-gradient(direction,color1 stop1, color2 stop2...)
提示：direction表示线性渐变的方向，color为颜色值，stop为位置，可以是像素，也可以是百分比；
重复线性渐变实例代码，及在线编辑器
<div class='d'></div>
<style>
.d{width:100%;height:100px;background-image:repeating-linear-gradient(60deg,yellow,orange 20%,pink 15%)}
</style>