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>