Gradient Radial Size
gradient-radial-size
Sets where the last stop of a radial gradient lands, as with CSS <radial-size>. It applies only when gradient-type=radial.
| Value | Description |
|---|---|
farthest-corner (default) | The last stop reaches the corner farthest from the center. |
farthest-side | The last stop reaches the side farthest from the center. |
closest-corner | The last stop reaches the corner closest to the center. |
closest-side | The last stop reaches the side closest to the center. |
One length, such as 300 | A circle with this radius, in pixels. |
Two lengths, rx,ry, such as 0.3,0.4 | An ellipse with these radii. Each is pixels or a fraction of the frame’s width or height. |
Keyword sizes are shaped by gradient-radial-shape. Explicit lengths override the shape.
On HLS and DASH, pixel lengths are measured on the top rendition and scale down with smaller renditions. Use fractions for sizes that look the same in every format.