CSS3线性渐变/径向渐变

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();