重复线性渐变渐变

/* 重复线性渐变 */

/* 兼容里的写法，先写私有前缀，在写标准的 */

.box6 {

background: -webkit-repeating-linear-gradient(top, red 10%, yellow 20%, green 30%);

background: -moz-repeating-linear-gradient(top, red 10%, yellow 20%, green 30%);

background: -o-repeating-linear-gradient(top, red 10%, yellow 20%, green 30%);

background: -ms-repeating-linear-gradient(top, red 10%, yellow 20%, green 30%);

/* 不加前缀记得加to */

background: repeating-linear-gradient(to top, red 10%, yellow 20%, green 30%);

}

```

##### 2.6.2 径向渐变 radial-gradient

径向渐变 ： 一个点到四周的渐变

- 语法