css 3径向渐变

CSS3中提供了一种新的渐变样式——径向渐变。该渐变是从一个中心点向四周扩散的渐变，有两种不同形式：圆形和椭圆形。

/* 圆形径向渐变 */
background: radial-gradient(circle,red,yellow);

/* 椭圆形径向渐变 */
background: radial-gradient(ellipse,yellow);

上述代码表示从红色逐渐过渡到黄色，中心点为默认位置，渐变类型分别为圆形和椭圆形。

另外，我们可以设置中心点的位置和渐变显示的范围，来实现更加细致的渐变效果。

/* 圆形径向渐变，中心点为40% 40%位置，渐变范围为50% */
background: radial-gradient(circle at 40% 40%,yellow 50%);

/* 椭圆形径向渐变，中心点为20% 30%位置，渐变范围为60% 30%*/
background: radial-gradient(ellipse at 20% 30%,#f00,#00f 60% 30%);

上述代码中我们设定了圆形和椭圆形径向渐变的中心点和渐变的范围，使得渐变效果更加准确。

综上所述， CSS3 中径向渐变为我们提供了一种新的样式特效，允许我们在网页中实现更加炫酷的渐变效果。开发人员可以通过设置中心点和渐变范围等属性，实现更加细致的渐变效果。