Basic Clip-Path Examples

Learn the fundamentals of CSS clip-path with these 10 basic examples.

10 Examples
1
Simple Circle Clip
View Demo
2
Ellipse Clip
View Demo
3
Triangle Polygon
View Demo
4
Inset Rectangle
View Demo
5
Multiple Circles
View Demo
6
Hexagon Polygon
View Demo
7
Hover Reveal
View Demo
8
Image Crop
View Demo
9
Star Polygon
View Demo
10
Inset Rounded
View Demo