CSS3线性渐变/径向渐变

linear-gradient(color1, color2, ...);（默认从上到下，可设置多个颜色）

从color1过渡到color2 标准写法background: linear-gradient(to right, color1, color2, color3, ...); 控制颜色的比例background: linear-gradient(to top, color1, color2 20%, color3 50%, ...); 使用角度（默认从下到上），随着角度增加顺时针改变background: linear-gradient(30deg, color1, color2, ...); 重复线性渐变repeating-linear-gradient();用这个函数的时候优先执行颜色比例 径向渐变bakcground:radial-gradient(circle, color1, color2, color3, ...); 第一个参数定义形状，也可以是两个百分数第一个表示X轴，第二个表示是Y轴，这样就可以自由设置形状，径向渐变同样可以控制颜色比例 重复径向渐变repeating-radial-gradient();