CSS · Functions and values

circle() / ellipse()

Defines a circular or elliptical shape for clip-path and shape-outside.

cssRunnable example css course

Syntax

circle(radius at position)

Example

Try it

.demo { clip-path: circle(40%); }

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