css:圆形径向渐变报invalid property value

想设置一个圆形径向渐变的背景，代码如下，一直提示invalid property value，背景一片空白。

background-image: radial-gradient(circle 30% at 20% 70%, red 45%, transparent);

经过各种搜索终于解决了问题，当形状为circle的时候，size不能为百分比，可以为空，或者设置10px、1em，10rpx等具体值。

size为空的效果：

background-image: radial-gradient(circle at 20% 70%, red 45%, transparent);

size设置具体值的效果：

background-image: radial-gradient(circle 100rpx at 20% 70%, red 45%, transparent);

size：定义渐变的尺寸，还可以是以下几种值：

closest-side：以最近的边作为圆的半径。

closest-corner：以最近的角作为圆的半径。

farthest-side：以最远的边作为圆的半径。

farthest-corner：以最远的角作为圆的半径。