CSS-knippadgenerator

Vorm een figuur direct op het canvas. Versleep veelhoekpunten, verken afgeronde vormen en exporteer CSS of een SVG.

Livevoorbeeld

Versleep een punt. De pijltjestoetsen verplaatsen het; met Shift in stappen van 10%. Delete verwijdert het.

clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);

Alles blijft in je browser.

Referenties

MDN — clip-path

Pagina bijgewerkt: 2026-10-24