Générateur CSS Clip Path
Créez des formes CSS clip-path visuellement avec des contrôles interactifs.
-webkit-clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%); clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%);
À propos du générateur CSS Clip Path
La propriété CSS clip-path vous permet de découper un élément selon une forme personnalisée. Cet outil vous permet de concevoir des formes clip-path visuellement et génère instantanément le code CSS.
Mode d'emploi
Sélectionnez un type de forme, ajustez les contrôles pour personnaliser le clip-path, puis copiez le CSS généré et collez-le dans votre feuille de style.
Cas d'utilisation courants
- Créer des masques d'image uniques et des formes de section héro
- Créer des séparateurs diagonaux entre les sections de page
- Concevoir des formes de boutons personnalisées
- Créer des avatars ou miniatures en forme de polygone
- Animer des transitions clip-path pour des effets créatifs