chevron_right

Générateur CSS Clip-Path

Générez des formes CSS clip-path avec aperçu en direct.

Forme

CircleEllipseInsetTriangleHexagonDiamondPentagonStarArrow

Paramètres

Radius: 50

Center X: 50

Center Y: 50

CSS généré

clip-path: circle(50% at 50% 50%);

Outils similaires

Générateur de Border Radius

Contrôlez visuellement l'arrondi des coins et copiez le CSS.

Générateur de dégradés

Créez des dégradés CSS visuellement avec aperçu en direct.

Générateur de Box Shadow

Créez des ombres CSS visuellement avec un aperçu en temps réel.

Générateur d’ombres de texte

Créez des effets CSS text-shadow avec aperçu en direct.

JPG en PDF

Convertissez des images JPG en un seul document PDF.

Cron analyseur

Parse et valider Cron expressions avec plain-English descriptions.

Generateur de sprite SVG

Combinez plusieurs fichiers SVG en une seule feuille de sprite avec des definitions <symbol> pour utiliser les icones efficacement.

apps

Plus d'outils

Parcourez notre collection complète d'outils en ligne gratuits.

Donnez une forme visuelle aux éléments sans placer les points à la main

clip-path permet de créer des silhouettes très fortes, mais éditer des polygones manuellement est rarement agréable. Ce générateur vous aide à tester des formes courantes visuellement puis à copier le CSS quand la découpe vous convient.

Quand c'est particulièrement utile

Il est très pratique pour des masques d'image, des cartes aux contours inhabituels et des effets décoratifs de section. Avant de valider le CSS, vérifiez aussi le comportement de la forme avec du texte, des images et plusieurs tailles d'écran.