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:重复的径向渐变