标签:改变 声明 loading size star linear die 节点 lips
渐变可以在两个或多个指定的颜色之间显示平稳的过渡
一:线性渐变:是沿着一根轴线改变颜色,从起点到终点颜色进行属性渐变(从一边拉向另一边)
background: linear-gradient(direction, color-stop1, color-stop2, ...)
1.线性渐变-从上到下(默认)
2.从左到右,需要声明开始的方向和结束的方向
3.对角线
4.使用角度,规定渐变的方向
5.重复渐变
二:径向渐变,从起点到终点颜色从内到外进行圆形渐变(从中间向外拉)
background: radial-gradient(center, shhape, size, start-color, ..., last-color);
1.颜色节点均匀分布(默认)
2.颜色节点不均匀分布
3.设置形状:
circle:圆形
ellipse:椭圆(默认)
4.尺寸大小:
closest-side:最近边
farthest-side:最远边
closest-corner:最近角
farthest-corner:最远角
5.重复渐变
案例:
标签:改变 声明 loading size star linear die 节点 lips
原文地址:https://www.cnblogs.com/zhongyehai/p/14130323.html