Gradient Radial Size
gradient-radial-size
The gradient-radial-size parameter sets how far a radial gradient reaches. It defaults to farthest-corner.
| Value | Reaches |
|---|---|
farthest-corner (default) | The corner furthest from the centre |
farthest-side | The side furthest from the centre |
closest-corner | The nearest corner |
closest-side | The nearest side |
| A single pixel radius | That radius, as a circle |
rx,ry | Those radii, as an ellipse. Pixels or fractions |
These are the CSS keywords and behave as they do there. As in CSS, a single fraction on its own is rejected — give either a pixel radius or a pair.
An unrecognized value is ignored. Pixel sizes scale with dpr; fractions do not need to.