![1ae4070dafc60b0cbbfb71a780f40d25.png](https://i-blog.csdnimg.cn/blog_migrate/8059a4dade0ad97fd9d4d0bb377e91f2.jpeg)
这次来说一说径向渐变
径向渐变由它的中心定义。
为了创建一个径向渐变,也必须至少定义两种颜色节点。颜色节点即你想要呈现平稳过渡的颜色。同时,你也可以指定渐变的中心、形状(圆形或椭圆形)、大小。默认情况下,渐变的中心是 center(表示在中心点),渐变的形状是 ellipse(表示椭圆形),渐变的大小是 farthest-corner(表示到最远的角落)。
语法
background-image
初始样式
<
基本语法
<
![ecaa8de8194e3bef0f661c983feb973b.png](https://i-blog.csdnimg.cn/blog_migrate/90581970b9295ca48ec03459b86568ff.png)
它还可以设置形状
有俩个值 circle 或 ellipse,其中,circle 表示圆形,ellipse 表示椭圆形。默认值是 ellipse。
circle
<
![cd3a6f7a2ce2d6721f2c7b5d118f9bef.png](https://i-blog.csdnimg.cn/blog_migrate/4bee28b746e2bfaea7cd2d7d206f590c.png)
ellipse
<
![880db2c1e3e734cf7b58dd72e3eeea2b.png](https://i-blog.csdnimg.cn/blog_migrate/c72d708025dc58d6d133f13f2112bfaa.png)
这个效果不是很明显,圆形的黄色 比 椭圆 的黄色要宽一点