CSS Radial Gradient || CSS3 径向渐变

Radial Gradient 径向渐变

创建一个径向渐变，必须至少定义两种颜色节点（呈现的平稳过渡的颜色）。另外，你也可以指定渐变的中心、形状、大小。默认情况下，渐变中心为 center ，形状为 ellipse ，大小为 farthest-corner

//语法：
background: radial-gradient(shape(形状) size(尺寸) at position(位置), start-color(起始色), 
...(过渡色), end-color(结束色));

<style>
    div{
        width: 300px;
        height: 250px;
        background:radial-gradient(green 5%, yellow 15%, blue 68%);
    }
</style>
<div></div>