CSS · Functions and values

conic-gradient()

A gradient that sweeps around a centre, ideal for charts and pie shapes.

cssRunnable example css course

Syntax

conic-gradient(from angle, stops)

Example

Try it

.demo { background: conic-gradient(#2f74c0 0 40%, #eef6ff 40% 100%); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.