码迷,mamicode.com
首页 > 其他好文 > 详细

线性渐变和重复渐变

时间:2018-03-09 11:11:09      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:20px   bsp   nbsp   种类   tricks   inf   linear   trick   bubuko   

#语法

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

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

 

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

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

技术分享图片

 

效果:

技术分享图片

也可以改变形状:

技术分享图片

效果:

技术分享图片

线性渐变:

技术分享图片

 

效果:

技术分享图片

线性渐变和重复渐变

标签:20px   bsp   nbsp   种类   tricks   inf   linear   trick   bubuko   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!