css背景颜色渐变

css背景颜色的渐变

• 线性渐变的语法：

background: linear-gradient(to top,red,blue,yellow);

background: linear-gradient(45deg,#f00,#ff0,#00f);

• 线性渐变的重复渐变

background: repeating-linear-gradient(45deg,#f00 0%,#f00 10%,#00f 10%,#00f 20%);

• 径向渐变

background: -webkit-radial-gradient(50% 50%,#f00,#ff0,#00f);

• 径向渐变重复渐变

background: repeating-radial-gradient(red,red 10px,white 10px,white 20px);