Générateur de border-radius CSS
Créez des coins arrondis CSS (border-radius) avec aperçu en direct et code à copier.
🔒 100 % côté client — aucune donnée envoyée
Générateur de border-radius CSS pour créer des coins arrondis avec aperçu en temps réel et code prêt à copier. Ajustez chaque angle indépendamment ou tous ensemble, puis récupérez la propriété CSS exacte. Tout est calculé dans votre navigateur : aucune donnée ni image n'est envoyée sur un serveur.
FAQ
Comment arrondir un seul coin en CSS ?
Utilisez une propriété spécifique comme border-top-left-radius: 12px; pour n'arrondir qu'un angle. L'outil vous laisse régler chaque coin séparément et génère la ligne correspondante.
Comment faire un cercle ou un ovale avec border-radius ?
Appliquez border-radius: 50% sur un élément carré pour obtenir un cercle parfait, ou sur un rectangle pour une ellipse. Choisissez l'unité % dans l'outil pour ce rendu.
Quelle différence entre px, % et em pour border-radius ?
Les px donnent un rayon fixe, les % sont relatifs à la taille de l'élément (idéal pour les cercles) et les em dépendent de la taille de police. Vous pouvez tester chaque unité dans l'aperçu.
Le code généré fonctionne-t-il sur tous les navigateurs ?
Oui, border-radius est supporté par tous les navigateurs modernes sans préfixe. Copiez simplement la propriété dans votre feuille de style.