radial-gradient()的用法

radial-gradient()是CSS中用于创建径向渐变的函数，它的用法如下：

1. 语法：

radial-gradient([shape] [size] [position], [color-stop1], [color-stop2], ...);

2. 参数说明：

- shape：表示渐变的形状，可选值包括circle（圆形）和ellipse（椭圆形），默认值是ellipse。
- size：表示渐变的大小，可选值包括closest-side、closest-corner、farthest-side、farthest-corner和长度值，其中长度值表示渐变的半径，如果不指定，默认值是farthest-corner。
- position：表示渐变的位置，可以使用关键字或百分比来指定，如果不指定，默认值是50% 50%。
- color-stop：表示渐变的颜色点，可以指定多个，每个颜色点由颜色值和位置组成。

3. 示例：

/* 创建一个从中心向四周辐射的圆形渐变，颜色由红色渐变到黄色 */
background: radial-gradient(circle at center, red, yellow);

/* 创建一个从左上角向右下角辐射的椭圆形渐变，颜色由白色渐变到黑色 */
background: radial-gradient(ellipse closest-corner at top left, white, black);

/* 创建一个半径为50%的圆形渐变，颜色由红色渐变到黄色 */
background: radial-gradient(circle 50%, red, yellow);

/* 创建一个从50% 50%的位置向四周辐射的圆形渐变，颜色由红色渐变到黄色 */
background: radial-gradient(circle at 50% 50%, red, yellow);

/* 创建一个由红色渐变到黄色的圆形渐变，其中红色在25%处，黄色在75%处 */
background: radial-gradient(circle, red 25%, yellow 75%);