CSS3 渐变

线性渐变

background: linear-gradient(角度，颜色);
/* 关键字：left right top bottom */
/* 角度值：角度的单位  deg */

重复线性渐变

background: repeating-linear-gradient(角度,颜色 颜色的起始位置)
/* 渐变的值可以设置一个或多个，多个值列表之间用【逗号】隔开 */

径向渐变

background:radial-gradient(中心点,颜色);

中心点取值-关键字：center

background-image: radial-gradient(circle, red, yellow, green); /* 不同尺寸大小关键字的使用: */
background-image: radial-gradient(closest-side at 60% 55%, blue, green, yellow, black);
background-image: radial-gradient(farthest-side at 60% 55%, blue, green, yellow, black);

重复径向渐变

background:repeating-radial-gradient(中心点,颜色 颜色的起始位置)