ToolStack

Générateur de border-radius

Façonnez les quatre coins indépendamment, liez-les et copiez la règle CSS border-radius.

100 % confidentiel — tout fonctionne dans votre navigateur

Mode d'emploi

  1. 1

    Saisissez un rayon par coin ou activez Lier les quatre coins.

  2. 2

    Choisissez un préréglage ou collez un border-radius existant à modifier.

  3. 3

    Copiez le CSS généré et utilisez-le dans votre feuille de styles.

Exemples

Carte arrondie

Entrée

16px sur les quatre coins

Résultat

border-radius: 16px;

Arrondi en haut seulement

Entrée

16px 16px 0 0

Résultat

border-radius: 16px 16px 0 0;

Questions fréquentes

Comment faire un cercle ?

Un élément carré avec les quatre coins à 50 % ; le préréglage Cercle le fait pour vous.

Les coins peuvent-ils différer ?

Oui, chaque coin accepte sa propre valeur, y compris des paires elliptiques comme 40% 20%.

Y a-t-il un maximum ?

Toute longueur est acceptée, mais le navigateur limite au-delà de la moitié de l’élément.

Outils similaires

Générateur d’ombres CSSComposez un box-shadow CSS avec des curseurs en direct, des préréglages et un aperçu, puis copiez la règle.Générateur de DégradéCréez visuellement des dégradés CSS linéaires et radiaux, puis copiez le code CSS.Générateur de Couleur CSSTransformez une couleur de base en une échelle de 10 nuances exportable en variables CSS.Formateur JSONFormatez, embellissez, minifiez et validez du JSON instantanément, dans votre navigateur.Validateur JSONValidez du JSON instantanément et localisez les erreurs de syntaxe avec la ligne, la colonne et la position exactes — directement dans votre navigateur.Encodeur/Décodeur Base64Encodez du texte en Base64 et décodez du Base64 en texte — prise en charge complète d'Unicode et des emoji, 100 % dans votre navigateur.