Conic gradients
Widely available since 2023-05-17
The conic-gradient()
and repeating-conic-gradient()
CSS functions create backgrounds that progress between two or more colors around a center point.
Learning resources on MDN
Browser support (view on caniuse.com)
- Chrome 69 Released on 2018-09-04
- Chrome Android 69 Released on 2018-09-04
- Edge 79 Released on 2020-01-15
- Firefox 83 Released on 2020-11-17
- Firefox for Android 83 Released on 2020-11-17
- Safari 12.1 Released on 2019-03-25
- Safari on iOS 12.2 Released on 2019-03-25
Surveys
- State of CSS 2024: features/all_features question
Specifications
View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature