Over deze tool
Kies een vorm en knip direct een voorbeeldvak met de bijbehorende clip-path-regel, en kopieer dan kant-en-klare CSS. Het voorbeeld werkt live bij, volledig in je browser.
Veelgestelde vragen
Hoe werken polygon-clip-paths?
Elk punt is een x y-percentagepaar relatief aan het vak; de browser verbindt ze op volgorde en toont alleen het gebied binnen de omtrek.
Ondersteunen alle browsers clip-path?
Polygon-, cirkel-, ellips- en inset-vormen worden in elke moderne browser ondersteund, dus de gegenereerde CSS werkt zonder prefixes.