À propos de cet outil
Choisissez une forme et découpez instantanément une zone d'aperçu avec la règle clip-path correspondante, puis copiez le CSS prêt à l'emploi. L'aperçu se met à jour en direct, entièrement dans votre navigateur.
Foire aux questions
Comment fonctionnent les clip-paths de type polygone ?
Chaque point est une paire de pourcentages x y relative à la boîte ; le navigateur les relie dans l'ordre et n'affiche que la zone située à l'intérieur du contour.
Tous les navigateurs prennent-ils en charge clip-path ?
Les formes polygon, circle, ellipse et inset sont prises en charge par tous les navigateurs modernes, donc le CSS généré fonctionne sans préfixes.