Clip-Path Generator
Presets
Points (4)
1
2
3
4
Preview (drag points)
Generated CSS
clip-path: polygon(20.0% 20.0%, 80.0% 20.0%, 80.0% 80.0%, 20.0% 80.0%);
-webkit-clip-path: polygon(20.0% 20.0%, 80.0% 20.0%, 80.0% 80.0%, 20.0% 80.0%);History
No saved shapes yet.