线性渐变和重复渐变
#语法
有三种类型的重复渐变,其中两种当前在官方规范中支持,另一种在当前的工作草案中。
每个符号的语法与其相关的渐变类型相同。例如,repeating-linear-gradient()
遵循与之相同的语法linear-gradient()
。
渐变重复由最终的色彩停止决定。如果这是在20px
中,梯度的大小(其随后重复)是20px
由20px
正方形。如果有多种颜色链接到模式,
情况也是如此。最终停止的最终颜色决定了重复的大小和位置。
效果:
也可以改变形状:
效果:
线性渐变:
效果: