Générateur de border-radius CSS
8 poignées indépendantes, rayons elliptiques, mode blob organique, aperçu SVG en direct. 100% navigateur.
border-radius: 30% 30% 30% 30% / 30% 30% 30% 30%;
border-top-left-radius: 30% 30%; border-top-right-radius: 30% 30%; border-bottom-right-radius: 30% 30%; border-bottom-left-radius: 30% 30%;
Vous utilisez souvent cet outil ? Pro inclut des fichiers jusqu'à 500 Mo et un traitement prioritaire.
Qu'est-ce que Générateur de border-radius ?
Le générateur de border-radius pilote 8 poignées indépendantes (X et Y de chaque coin) pour créer des formes arrondies ou organiques.
Comment utiliser cet outil ?
Déplacez les sliders, activez le mode blob aléatoire, observez l'aperçu SVG en direct, puis copiez le CSS shorthand ou les propriétés individuelles.
Avantages
- 8 poignées (rayons elliptiques)
- Mode blob organique
- Aperçu SVG fluide
- Export shorthand + individuel
- 100% navigateur
Questions fréquentes
- Qu'est-ce qu'un rayon elliptique ?
- Chaque coin peut avoir un rayon X et un rayon Y différents. Cela permet des coins ovales et des formes organiques (blobs).
- Le mode blob fait quoi ?
- Il génère des valeurs aléatoires harmonieuses sur les 8 poignées pour créer instantanément une forme organique.
- L'export contient-il les propriétés individuelles ?
- Oui, en plus du shorthand, vous obtenez border-top-left-radius, etc. utilisables séparément.
Outils similaires
Générateur de box-shadow
Créez des ombres CSS box-shadow avec offset, flou, étalement, couleur et inset. Plusieurs couches superposées. Export CSS et Tailwind.
Utiliser →Générateur de dégradés CSS
Créez des dégradés CSS linear, radial et conic avec aperçu en temps réel. Export CSS et Tailwind. 12 préréglages. 100% navigateur.
Utiliser →Générateur d'images placeholder
Générez des images placeholder personnalisées (PNG ou SVG). Dimensions, couleurs et texte configurables.
Utiliser →