首页 > 其他 > 详细

线性渐变和重复渐变

时间:2018-03-09 10:58:43      阅读:182      评论:0      收藏:0      [点我收藏+]

#语法

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

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

 

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

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

技术分享图片

 

效果:

技术分享图片

也可以改变形状:

技术分享图片

效果:

技术分享图片

线性渐变:

技术分享图片

 

效果:

技术分享图片

线性渐变和重复渐变

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!