CSS 背景色 背景图片 渐变背景 - 径向渐变 background-image:radial-gradient()

radial-gradient() 用来生成径向渐变的图片

---

基础语法

background-image: radial-gradient(
	shape extent at positionX positionY,
	colorStop positionStrop,
	colorStrop_2 positonStop_2,
	……
)

参数说明

参数名称	说明	备注
shape	定义径向渐变的边缘形状 可能的值包括 circle == 圆形 ellipse == 椭圆形 形状的比例等于容器的比例
extent	定义渐变的边缘位置 也就是定义了渐变的尺寸范围 可能的值包括 farthest-side == 最远的边 [渐变的边缘同容器最远的变相切] farthest-corner == 最远的角 [渐变的边缘同容器最远的角相交] closest-side == 最近的边 [渐变的边缘同容器最近的边相切] closest-corner == 最近的角 [渐变的边缘同容器最近的角相交]
at	关键字 不可更改 如果