Couleur & Design
Générateur de border-radius
Générateur de border-radius CSS gratuit. Créez visuellement un rayon par coin avec prévisualisation en direct. Copiez le CSS raccourci. Pour les boutons, les cartes et toute forme arrondie.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
Note de la rédaction
Understanding · The shape of a corner.
Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.
Questions fréquentes
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
Les internautes recherchent aussi
Outils similaires
More in this room.
- Générateur de dégradésDégradés CSS linéaires, radiaux et coniques.
- Générateur d'ombres portéesÉditeur visuel de box-shadow CSS.
- Éditeur de courbe de BézierConcevez visuellement les courbes d'accélération CSS.
- Générateur d'Animations CSSConstruisez des keyframes visuellement, copiez le CSS prêt à coller.
- Générateur de Filtres CSSAperçu en direct du flou, de la luminosité, de la rotation de teinte et plus encore.
- Générateur de GlassmorphismCartes d'interface utilisateur en verre dépoli avec backdrop-filter.