CSS conic-gradient - Chrome Platform Status

CSS conic-gradient

CSS

Support was added for CSS conic (angular/sweep) gradients. Conic gradients allow color transitions around a center rather than radiating from it. This allows, for example, a web developer to create a hue wheel using only two CSS properties.

Comments

While CSS Image Values and Replaced Content Module Level 4 is still in WD phase, the conic-gradient section has been approved for shipping: https://www.w3.org/2018/03/07-css-minutes.html#item12

Demo

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

Specification

Working draft or equivalent

Status in Chromium

Blink components: Blink>CSS

Enabled by default (tracking bug) in:

Chrome for desktop release 69
Chrome for Android release 69
Android WebView release 69
Opera release 56
Opera for Android release 56

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Public support
Edge: No public signals
Safari: In development
Web Developers: Strongly positive

Owner

fmalita@chromium.org

Last updated on 2018-07-19