Blend Layer Gradient Angle
blend-gradient-angle
Sets the direction of a linear blend-gradient, using the same convention as a CSS linear-gradient. It has no effect when blend-gradient-type=radial.
| Value | Description |
|---|---|
180 (default) | Runs top to bottom: the first stop is at the top. |
0–360 | CSS degrees: 0 points up and angles turn clockwise, so 90 runs left to right and 270 runs right to left. Any number wraps, so -90 is 270. |
top, right, bottom, left | Runs toward that side, like CSS to top. |
top,right, bottom,left, and other corners | Runs toward that corner, with the two sides given in either order. As in CSS, a corner’s direction depends on the layer’s aspect ratio. |
The angle is measured on the layer, not on the picture.
Use blend-gradient-angle[N] to target a specific blend layer, where N is 0–3. Layer 0 is either the bare blend-gradient-angle or blend-gradient-angle[0]; if both are supplied, the bare name wins. A layer never borrows another layer’s spelling.