Générateur de formes CSS
Créez des formes de polygone, étoile, badge, hexagone et chevron avec la géométrie moderne CSS.
S'exécute dans votre navigateur. Vos fichiers ne quittent jamais votre appareil. Voir comment vérifier
…
Comment faire
- 1Étape 1 : ouvrez Générateur de formes CSS et saisissez vos données
Saisissez vos chiffres ou votre texte, ajoutez votre fichier ou choisissez les options voulues. Rien n'est envoyé : tout reste dans votre navigateur.
- 2Étape 2 : ce que fait Générateur de formes CSS
Créez des formes de polygone, étoile, badge, hexagone et chevron avec la géométrie moderne CSS.
- 3Étape 3 : lisez le résultat et comparez
Le résultat s'affiche aussitôt. Modifiez une valeur pour voir comment la réponse évolue, puis gardez le chiffre qui correspond à votre cas.
- 4Étape 4 : copiez ou enregistrez
Copiez le résultat ou téléchargez-le. Pour une décision importante, confirmez-le auprès de la source officielle ou d'un conseiller.
À propos de cet outil
Clip-path permet aux développeurs de couper des éléments HTML et des images en polygones géométriques précis sans avoir besoin de masques Photoshop ou SVG. Sélectionnez parmi les préréglages populaires, inspectez le masque rendu en temps réel et copiez les coordonnées polygonales CSS pures prêtes à la production.
Conseils pour de meilleurs résultats
Prenez un moment pour lire les options avant de commencer et essayez d'abord l'outil avec un petit échantillon. Tout s'exécute dans votre navigateur, sur votre propre appareil : rien de ce que vous saisissez ou ajoutez n'est envoyé, et fermer l'onglet efface tout. Si quelque chose ne semble pas bon, rechargez la page et réessayez, ou utilisez le lien de signalement de cette page pour nous dire ce qui n'a pas marché afin que nous le corrigions. Si un résultat vous semble encore faux, changez une valeur à la fois pour voir quel champ compte le plus. Mettez cette page en favori si vous aurez de nouveau besoin de l'outil.
L'essentiel
- Catégorie: Images
- Fonctionne dans votre navigateur, sans inscription, sans envoi.
- Ce que vous saisissez reste sur votre appareil.
- Disponible en de nombreuses langues.
- Contenu révisé pour la dernière fois:
Questions fréquentes
Qu'est-ce que le chemin de clips CSS ?
The `clip-path` CSS property creates a clipping region that determines which parts of an element or image are visible.
Quelles formes sont incluses comme préréglages ?
Les préréglages incluent le triangle, l'hexagone, l'étoile à 5 points, le badge de réduction produit, la barre de navigation et les masques circulaires.
Je peux prendre des photos et des vidéos avec ça ?
Yes. Apply the generated clip-path CSS rule to any `<img>`, `<video>`, `<div>`, or card component in your stylesheet.
Le chemin de clips affecte-t-il les boîtes à hits clickables ?
Dans les navigateurs modernes, seule la zone visible et non coupée de l'élément répond aux événements d'indicateur et de clic.