线性渐变和重复渐变

#语法

有三种类型的重复渐变,其中两种当前在官方规范中支持,另一种在当前的工作草案中。

每个符号的语法与其相关的渐变类型相同。例如,repeating-linear-gradient()遵循与之相同的语法linear-gradient()

渐变重复由最终的色彩停止决定如果这是在20px中,梯度的大小(其随后重复)是20px20px正方形。如果有多种颜色链接到模式,

情况也是如此。最终停止的最终颜色决定了重复的大小和位置。

效果:

也可以改变形状:

效果:

线性渐变:

效果:

原文地址:https://www.cnblogs.com/luna666/p/8532670.html