repeating-linear-gradient() 用来生成重复的线性渐变图案
基础语法
background-image: repeating-linear-gradient(angleValue,colorStop positionStop,[colorStop_n positionStop_n],……)
参数说明
如果最后一个 positionStop < 100% 那么 从最后一个 positionStop 的位置开始再次开始循环渐变条件;positionStop 说明实例效果
background-image: repeating-linear-gradient(45deg, red 0%, red 5%, #fff 5%, #fff 10%);
备注:
repeating-linear-gradient() 同 linear-gradient() 函数之间的区别是: repeating-linear-gradient() 如果最后一个关键点的位置 < 100% 之后的效果会依次 从第一个关键点的效果开始重复整个函数的参数效果;linear-gradient()如果最后一个关键点的位置 < 100% 之后的效果会重复 最后一个关键点的参数相关内容
CSS 背景色 背景图片 渐变背景 - 线性渐变 background-image: linear-gradient()
CSS 背景色 背景图片 渐变背景 - 径向渐变 background-image: radial-gradient()