Générateur de Border-Radius CSS

Faites glisser les curseurs pour définir le rayon de chaque coin indépendamment. L'aperçu se met à jour instantanément — copiez le CSS quand le résultat vous convient.

Lier tous les coins

Haut-gauche 20px

Haut-droite 20px

Bas-droite 20px

Bas-gauche 20px

Sortie CSS

Fonctionne entièrement dans votre navigateur. Rien n'est téléchargé.

Comment ça marche

STEP 1

Définissez chaque coin

Utilisez les quatre curseurs pour ajuster indépendamment les valeurs de rayon des coins supérieur gauche, supérieur droit, inférieur droit et inférieur gauche.

STEP 2

Visualisez l'aperçu en direct

La boîte d'aperçu se met à jour en temps réel pour vous montrer exactement à quoi ressembleront les coins arrondis.

STEP 3

Copiez le CSS

Cliquez sur « Copier le CSS » pour copier la déclaration border-radius dans votre presse-papiers, prête à coller dans votre feuille de style.