Générateur de chemins de découpe CSS

Sculptez une forme directement sur le canevas. Faites glisser les sommets du polygone, explorez les formes arrondies, puis exportez du CSS ou un SVG.

Aperçu en direct

Faites glisser un sommet ou déplacez-le avec les touches fléchées ; Shift permet un déplacement de 10 %. Delete le supprime.

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

Tout reste dans votre navigateur.

Références des formats

MDN — clip-path

Page de l’outil mise à jour le : 2026-10-24