径向渐变

/*从一个中心点开始沿着四周方向进行渐变*/
        .item:nth-child(1) .radial-gradient {
            background-image: radial-gradient(yellow, green);
        }

        /*1、辐射范围 2、中心点 3、颜色的起止*/
        .item:nth-child(2) .radial-gradient {
            background-image: radial-gradient(120px at center center,yellow, green);
        }
        
        /*中心位置参照的是盒子的左上角*/
        .item:nth-child(3) .radial-gradient {
            background-image: radial-gradient(120px at 80px 80px,yellow, green);
        }

        /*辐射范围的半径可以不等即可以是椭圆*/
        .item:nth-child(4) .radial-gradient {
            background-image: radial-gradient(120px 80px at center center,yellow, green);
        }

        /**/
        .item:nth-child(5) .radial-gradient {
            background-image: radial-gradient(circle at center center,yellow, green);
        }

        .item:nth-child(6) .radial-gradient {
            background-image: radial-gradient(ellipse at center center,yellow, green);
        }

/*重复线性渐变*/
        .repeating-linear-gradient {
            background-image: repeating-linear-gradient(
                yellow 10%,
                green 40%
            )
        }


        .repeating-radial-gradient {
             200px;
            height: 200px;
            margin: auto;
        }

        /*重复径向渐变*/
        .repeating-radial-gradient {
            background-image: repeating-radial-gradient(
                yellow 10%,
                green 40%
            )
        }