radial-gradient

圆形渐变 - 指定中心点位置 (position)

center 或 (50% 50%)
top 或 (50% 0%)
right 或 (100% 50%)
bottom 或 (50% 100%)
left 或 (0% 50%)
top left 或 (0% 0%)
top right 或 (100% 0%)
bottom right 或 (100% 100%)
bottom left 或 (0% 100%)
20px 20px

椭圆形渐变 - 指定中心点位置 (position)

center 或 (50% 50%)
top 或 (50% 0%)
right 或 (100% 50%)
bottom 或 (50% 100%)
left 或 (0% 50%)
top left 或 (0% 0%)
top right 或 (100% 0%)
bottom right 或 (100% 100%)
bottom left 或 (0% 100%)
20px 20px

定义径向渐变的形状(shape)

circle
ellipse

圆形渐变 - 指定渐变的尺寸(size)

closest-side
farthest-side
closest-corner
farthest-corner

椭圆形渐变 - 指定渐变的尺寸(size)

closest-side
farthest-side
closest-corner
farthest-corner

repeating-radial-gradient:重复的径向渐变