径向渐变。

径向渐变

radial-gradient()径向渐变[放射性的效果]

默认情况下，径向渐变的形状根据元素的形状来计算的。

正方形→圆形

长方形→椭圆形

我们也可以手动指定圆心的大小。

circle圆   默认情况下

ellipse椭圆

我们也可以指定渐变的位置

语法

radial-gradient(大小(/形状)，at  位置，颜色  位置，颜色  位置，颜色  位置)

大小

circle圆形

ellipse椭圆

closest-side近边

closest-corner近角

closest-side远边

closest-corner远角

位置

top   right   left    center    bottom

 

background-image: radial-gradient(100px, 100px,

red, yellow);