#语法

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

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

 

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

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

 

效果:

也可以改变形状:

效果:

线性渐变:

 

效果:

版权声明:本文为luna666原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/luna666/p/8532670.html