Fill Gradient Radial Radius
fill-gradient-radial-radius
Sets the radius of the gradient colors when fill-gradient-type=radial
is used in conjunction with fit=fill&fill=gradient
.
Takes two integer values (fill-gradient-radial-radius=radius1,radius2
) that control the radius of the gradients. radius1
controls the radius of the the first gradient color (color1
), and radius2
controls the radius of the second gradient color (color2
).
When not specified, radius1
is 1/8
of the image’s smallest dimension, and radius2
is 1/2
of the image’s smallest dimension.
When these values are equal, the gradient will appear as a solid circle since the radius of color1
is the same radius as color2
, which causes both colors to overlap perfectly.
As the radius of color1
decreases, it will create a pronounced blending effect between both colors based on the distance of radius1
and radius2
.
When the radius1
is set to a higher value than radius2
, it reverses the order of color1
and color2
. In the following example, the second color now appears on top, and with its radius being by radius2
.