线性渐变
为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)。你还要定义终止色。终止色就是你想让浏览器去平滑的过渡过去,并且你必须指定至少两种,当然也会可以指定更多的颜色去创建更复杂的渐变效果。
-默认从上到下发生渐变
linear-gradient(red,blue);
-改变渐变方向:(top bottom left right)
linear-gradient(to 结束的方向,red,blue);
-使用角度
linear-gradient(角度,red,blue);
?
-颜色节点的分布(第一个不写为0%,最后一个不写为100%)
linear-gradient(red 长度或者百分比,blue 长度或者百分比);
-重复渐变(可选属性)
repeating-linear-gradient(60deg,red 0,blue 30%);
相关文章
- 05-04css3背景颜色渐变属性——linear-gradient
- 05-04css3 线性渐变和css3过渡一起用 过度时间不生效?换个方法做
- 05-04浅谈 线性渐变(linear-gradient)
- 05-04线性渐变--linear-gradient
- 05-04CSS3 线性渐变(linear-gradient)
- 05-04css3的背景颜色渐变@线性渐变
- 05-04CSS3 线性渐变(linear-gradient) 兼容IE8,IE9
- 05-04【01】CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径 向渐变)(转)
- 05-04深入理解CSS3 gradient斜向线性渐变——张鑫旭
- 05-04CSS3线性渐变linear-gradient