径向渐变 重复渐变

径向渐变：ie9一下不支持

渐变都是背景下的一个属性

background: radial-gradient(at center, red, yellow, blue);

径向渐变是从圆心往外的一个渐变，

标准下：

括号里的第一个值是圆心，圆心的位置，可以是圆心的位置也可以是圆的形状。圆的形状默认为椭圆形。

background: radial-gradient( cricle at left, red 100px, yellow 140px, blue 180px);

加上 cricle的话，无论怎样都是一个正圆。

在标准之前：没有设置

可以使模糊的值，也可以是具体的数值。

在标准下：模糊的值需要加上at。在标准之前不需要加上at，就是加上了浏览器内核前缀（-webkit-）不需要加at

模糊的值：at center    /at  right  /  at   left   /   at   bottom

具体的数值：at  100px  200px   （100px为x轴的偏移量，200px为y轴的偏移量）

第二个值是颜色值：可以无限的写，颜色值可以通过具体的数值来规定渐变的区域或范围

具体的数值可以是：

        1.100px；

        2.百分比；

二：重复的渐变

        background:repeating-radial-gradient( at center, red 10%, yellow 20%, blue 30%);加上repeating-即可，但是颜色值的后面要加上具体的数值。