第二天

线性渐变：

* background : linear-gradient(方向 , 颜色 位置)

+ 方向: [to left][45deg]

+ 颜色: color 10% // 可以为多组

 

- 径向渐变 [多用于圆形的盒子背景]

* background: radial-gradient(形状 | 大小 | 坐标 ,颜色 位置, 颜色 位置 )

+ 形状: [circle, ellipse]

+ 大小: closest-side:最近边/farthest-side:最远边/closest-corner:最近角/farthest-corner:最远角

+ 坐标: at left bottom

+ 颜色：color 10% // 可以为多组

 

- 重复渐变

* repeating-linear-gradient // 语法如上

* repeating-radial-gradient // 语法如上

背景颜色渐变

background:-webkit-linear-gradient(top, #fff, #dedede);