径向渐变
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);