Générateur de chemin de clip CSS
Créez des tracés de polygones et de formes avec un aperçu interactif. Idéal pour les formes de héros et les masques d'images.
CSS Clip Path Generator
LiveCSS output
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
Key capabilities
- Créez des tracés de polygones et de formes avec un aperçu interactif.
- S'exécute dans votre navigateur
- Utilisation gratuite
Mode d'emploi
- Choisissez une forme prédéfinie ou des points de polygone.
- Ajustez les points si nécessaire.
- Copiez le CSS du chemin du clip.
How this tool works
- Choisissez une forme prédéfinie ou des points de polygone.
- Ajustez les points si nécessaire.
- Copiez le CSS du chemin du clip.
Recommended settings
- Utilisez d'abord les options par défaut, puis ajustez si nécessaire
Supported formats
Text / on-page input
File size and limits
- Les aperçus multicouches très complexes peuvent sembler plus lents sur les téléphones plus anciens.
Privacy
Les générateurs de couleurs et CSS fonctionnent entièrement dans votre navigateur. Les aperçus et les conversions ne téléchargent jamais vos styles.
Common use cases
- Utilisez CSS Clip Path Generator chaque fois que vous en avez besoin : créez des chemins de détourage de polygones et de formes avec un aperçu interactif.
Troubleshooting
L'aperçu est différent après le collage
Vérifiez les CSS concurrents sur votre page (réinitialisations, couleurs héritées). Copiez d'abord la règle générée dans une feuille de style isolée.
FAQ
Est-ce que cela télécharge mon CSS ?
Non. Les générateurs et les convertisseurs s'exécutent dans votre navigateur avec un aperçu en direct.
Ai-je besoin d'un compte ?
Non. Ouvrez l'outil, modifiez les contrôles et copiez le CSS.
Outils associés
CSS Triangle Generator
Generate CSS triangles with border tricks — direction, size, and color.
Open toolBorder Radius Generator
Control each corner independently and preview rounded shapes with copy-ready CSS.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open tool