CSS gradient color stop multi-position syntax

Add support for CSS Image Values 4 color stop position syntax. Currently, repeating colors require explicit positions, e.g.: 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%)

Demo

Specification

Editor's draft

Status in Chromium

Blink>CSS


In development (tracking bug)

Consensus & Standardization

  • No public signals
  • No public signals
  • No public signals
  • Positive

Owner

Last updated on 2017-06-14