Core Code
Core Code Modern Dev Handbook

Clip Path Circle

clip-path can create circular shapes from images.

Preview

Code

<style>
img{
width:140px;
clip-path:circle(50%);
}
</style>

<img src="https://via.placeholder.com/140">

More CSS Image Shapes Examples (8)

example Circular Image Shape open example example Rounded Image Shape open example example Clip Path Polygon open example example Triangle Image Shape open example example Ellipse Image Shape open example example Text Wrap Around Shape open example example Text Wrap Polygon Shape open example example Shape Change on Hover open example