← Back to release summary

CSS gradient color stop double-position syntax

Category
CSS
Type
New or changed feature
Status
Enabled by default (Chrome 71)
Intent stage
None

Summary

Add support for CSS Image Values 4 color stop position syntax. Currently, repeating colors require explicit positions, for example: linear-gradient(45deg, black 25%, black 50%, white 50%, white 75%) To simplify the definition of solid color bands, css-images-4 allows specifying up to two positions for a color: linear-gradient(45deg, black 25% 50%, white 50% 75%)

Standards & signals

Samples: https://leaverou.github.io/conic-gradient/

View on chromestatus.com