Générateur de formes CSS clip-path

Dessinez des formes polygonales ou arrondies avec points déplaçables, visualisez le résultat et copiez le CSS

Outils pour développeurs Gratuit

Formes prédéfinies

Faites glisser un point pour modifier la forme ; double-cliquez pour le supprimer.

Un nouveau point est placé sur le bord le plus long. Sélectionnez un point, puis supprimez-le si besoin.

Arrière-plan de l’aperçu

Votre image reste dans le navigateur : elle n’est pas envoyée au serveur.

CSS



        

Classe Tailwind


    

À propos de cet outil

Générateur de formes CSS clip-path

Dessinez des formes polygonales ou arrondies avec points déplaçables, visualisez le résultat et copiez le CSS.

Comment utiliser cet outil

Saisissez les valeurs ou le texte demandés, ajustez les options puis vérifiez le résultat avant de le copier ou de le télécharger. Pour une décision importante, contrôlez les unités et les hypothèses du calcul.