Ga naar inhoud

CSS Clip Path Generator

Maak CSS clip-path vormen met live preview. Cirkels, ellipsen, insets en polygonen met presets. Gratis, 100% in je browser.

50%
50%
50%
 

Over CSS clip-path

CSS clip-path creëert een knipgebied dat het zichtbare deel van een element bepaalt. Alles buiten het gebied wordt verborgen.

Vormen

circle() — cirkel met opgegeven straal. ellipse() — ellips met twee stralen. inset() — rechthoek met optionele afronding. polygon() — willekeurige polygoon gedefinieerd door punten.

Privacy

Alle verwerking draait 100% in je browser. Er worden nooit gegevens naar een server verzonden.