Générateur de Border-Radius CSS
Créez des valeurs CSS border-radius visuellement. Ajustez chaque coin, liez-les ou créez des formes elliptiques. Copiez le code CSS. Gratuit, 100% dans votre navigateur.
Aperçu
Sortie CSS
Référence
Qu'est-ce que border-radius ?
La propriété CSS border-radius arrondit les coins d'un élément. Elle accepte des valeurs en px, %, em et autres unités. Une valeur de 50% crée un cercle parfait pour les éléments carrés.
Syntaxe
Une valeur — s'applique aux quatre coins. Deux valeurs — haut-gauche/bas-droit et haut-droit/bas-gauche. Quatre valeurs — haut-gauche, haut-droit, bas-droit, bas-gauche (sens horaire).
Coins elliptiques
Avec la syntaxe border-radius: 50px / 25px, les rayons horizontaux et verticaux peuvent être définis séparément pour créer des formes elliptiques. La valeur avant la barre oblique définit la courbure horizontale, celle après la courbure verticale.
Confidentialité
Tout le traitement s'exécute 100% dans votre navigateur. Aucune donnée n'est envoyée à un serveur.