C3新增-背景渐变

背景渐变
1)属性
background-image: ;
简写: background: ;

2)属性值
①线性渐变
background-image: linear-gradient(方向,颜色1,颜色2,..);
注意:
方向可以省略,默认从上往下渐变,最少两个颜色值
取值:
a、关键词to right/to top/to left bottom等
b、角度:deg(弧度)

②径向渐变
background-image: radial-gradient(渐变的中心点,渐变的形状,颜色1 ,颜色2....);
注意:
a、渐变的中心点默认为宽高的一半,可以设置top、 tight、 left、 bottom
要注意兼容性问题
b、渐变的形状默认为椭圆,可以设置为circle

posted @ 2021-03-10 16:43  紫豹豹  阅读(205)  评论(0)    收藏  举报