v155 · basic shapes
Gradient parity
The argument for this feature in one image. The same keyword, the same centre, the same box: on the left a radial-gradient, which has accepted corner keywords for years; on the right a clip-path, which until Chrome 155 could not. Stacked, the clip boundary should land exactly on the gradient's last stop.
Same keyword, two properties
radial-gradient
clip-path
Stacked, so a mismatch is visible
The red clip sits on top of the gradient. When the two agree, the edge of the red disc coincides with where the gradient reaches its final colour. When they disagree, you see a ring.
| property | accepts the keyword? | value used |
|---|