css背景渐变和背景相关属性

线性渐变：

background-image:linear-gradient(red, blue); /* 标准的语法*/

background: linear-gradient(to bottomright, red , blue); /* 标准的语法*/

background: linear-gradient(180deg, red,blue); /* 标准的语法*/

径向渐变：向四周扩散的渐变，默认为椭圆状，出发点为中心

语法:background/background-image :radial-gradient(2至多个颜色)在颜色后面添加百分比【从小到大顺序】 ;

background: radial-gradient(circle, red,yellow, green); /* 标准的语法*/

-webkit-radial-gradient(方位,颜色)方位，形状，颜色

css背景相关属性

background-clip	指定背景的显示范围	①background-clip:border-box;  默认值 ②background-clip:padding-box；背景被裁剪到内边距框 ③background-clip:content-box；背景被裁剪到内容框 ④-webkit-background-clip:text  ；
background-origin	绘制背景图像时的起点	①background-origin:padding-box  默认值； ②background-origin:border-box  背景图像相对于边框盒来定位 ③background-origin:content-box  背景图像相对于内容框来定位

5、也可以简写成 transition：all 2s linear