Utilisation gratuite, sans compte
CSS Générateur de rayon de bordure
Façonnez chaque coin indépendamment, y compris les rayons elliptiques horizontaux et verticaux. Prévisualisez le résultat et copiez CSS compact.
Comment générer des valeurs CSS border-radius ?
Choisissez des pixels ou des pourcentages, ajustez le rayon horizontal et vertical de chaque coin, puis copiez la déclaration border-radius générée. CSS peut normaliser proportionnellement les rayons qui se chevauchent pour s'adapter à l'élément.
Foire aux questions
Comment générer des valeurs CSS border-radius ?
Choisissez des pixels ou des pourcentages, ajustez le rayon horizontal et vertical de chaque coin, puis copiez la déclaration border-radius générée. CSS peut normaliser proportionnellement les rayons qui se chevauchent pour s'adapter à l'élément.
Mon CSS ou mon design est-il téléchargé ?
Non. L'aperçu et CSS sont générés dans cet onglet du navigateur. Il n'y a pas de téléchargement, de compte, d'appel API ou de sauvegarde automatique.
Chaque coin peut-il avoir un rayon différent ?
Oui. Définissez une valeur horizontale et verticale distincte pour les coins supérieur gauche, supérieur droit, inférieur droit et inférieur gauche.
Que signifie la barre oblique dans border-radius ?
Il sépare les rayons horizontaux des rayons verticaux, créant ainsi des coins elliptiques. Si chaque coin utilise la même valeur horizontale et verticale, le générateur omet la barre oblique.
Pourquoi l'aperçu peut-il paraître plus petit que les valeurs ?
CSS normalise proportionnellement les rayons qui se chevaucheraient au niveau d'une arête. Il s’agit du comportement standard du navigateur et est également appliqué dans cet aperçu.