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

Generateur CSS Grid

Construisez des mises en page CSS Grid responsives avec aperçu en direct et code prêt à copier.

Générateur d’ombres de texte

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

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.

Extraire des pages PDF

Extrayez des pages précises d'un fichier PDF.

Texte en PDF

Convertissez du texte brut en document PDF avec police, taille et mise en page personnalisables.

Convertisseur de Vitesse

Convertissez entre mph, km/h, m/s, nœuds, ft/s et nombre de Mach. Convertisseur réactif multi-champs.

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.