Blend Layer Gradient Radial Size
blend-gradient-radial-size
Sets where the last stop of a radial blend-gradient lands, following the CSS <radial-size> grammar. The default is farthest-corner.
| Value | Description |
|---|---|
farthest-corner (default) | The last stop reaches the layer’s farthest corner. |
farthest-side | The last stop reaches its farthest side. |
closest-corner | The last stop reaches its nearest corner. |
closest-side | The last stop reaches its nearest side. |
| One length | A circle’s radius, in pixels. |
rx,ry | An ellipse’s two radii. Each is pixels, or a fraction of the layer’s width or height. |
Explicit lengths override blend-gradient-radial-shape. Lengths are measured on the layer, not the picture, and follow the Imgix literal rule, so 0.25 is a quarter and 1 is one pixel.
It requires blend-gradient-type=radial.
Use blend-gradient-radial-size[N] to target a specific blend layer, where N is 0–3. Layer 0 is either the bare blend-gradient-radial-size or blend-gradient-radial-size[0]; if both are supplied, the bare name wins. A layer never borrows another layer’s spelling.