Générateur de Clip-Path CSS
Créez des formes CSS clip-path visuellement — cercles, ellipses, polygones et insets. Choisissez des préréglages ou personnalisez les points. Gratuit, 100% dans votre navigateur.
50%
50%
50%
Référence
Qu'est-ce que clip-path ?
La propriété CSS clip-path définit une zone de découpe qui détermine quelle partie d'un élément est visible. Tout ce qui se trouve en dehors de cette zone est masqué, sans affecter la mise en page.
Formes disponibles
circle() — un cercle avec un rayon et un centre personnalisables. ellipse() — une ellipse avec des rayons horizontal et vertical. inset() — un rectangle avec des coins optionnellement arrondis. polygon() — une forme libre définie par une liste de coordonnées x/y.
Confidentialité
Tout le traitement s'exécute 100% dans votre navigateur. Aucune donnée n'est envoyée à un serveur.