CSS · Functions and values

radial-gradient()

A gradient that radiates from a centre point.

cssRunnable example css course

Syntax

radial-gradient(shape, stops)

Example

Try it

.demo { background: radial-gradient(circle at 30% 30%, #eef6ff, #fff); }

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