Générateur d'arrondis CSS (border-radius)
Créez visuellement des formes organiques et des bordures arrondies personnalisées pour vos boutons et cartes en CSS.
- Gratuit
- Sans inscription
- S’exécute dans votre navigateur
- Fonctionne sur mobile
Générateur d'arrondis CSS (border-radius) en un coup d’œil
- Entrée
- Valeurs des 4 ou 8 rayons d'arrondis
- Sortie
- Code CSS border-radius complet
- Confidentialité
- Tout se passe sur votre appareil. Rien n’est envoyé sur nos serveurs.
- Prix
- Gratuit, sans compte, sans filigrane.
Comment utiliser Générateur d'arrondis CSS (border-radius)
- 1Faites glisser les poignées de contrôle pour modifier l'arrondi de chaque angle.
- 2Observez la déformation de la forme en direct.
- 3Copiez la déclaration CSS border-radius générée.
Fonctionnalités
- Contrôle individuel des 4 coins et support de la syntaxe complète à 8 valeurs.
- Génération de formes organiques (blobs) très tendance.
- Copie rapide en un clic.
- Gratuit et immédiat.
FAQ Générateur d'arrondis CSS (border-radius)
Comment faire un cercle parfait en CSS ?
Définissez un élément avec une largeur et une hauteur identiques et appliquez `border-radius: 50%`.
Est-ce gratuit ?
Oui, sans frais et sans inscription.
Outils associés
Générateur d'ombres CSS (box-shadow)Concevez visuellement des ombres portées douces et réalistes en CSS avec aperçu en temps réel et copiez le code box-shadow.Générateur de dégradés CSS (CSS Gradient)Créez visuellement des dégradés de couleurs linéaires, radiaux ou coniques et copiez le code CSS background-image instantanément.Formateur CSS en ligne (CSS Beautifier)Embellissez et indentez vos feuilles de style CSS compactées pour les rendre parfaitement lisibles et éditables.Décodeur Base64 en ligneRétablissez le texte clair d'origine à partir d'une chaîne encodée en Base64 en décodant parfaitement l'UTF-8.
Plus d’outils developer toolsDernière mise à jour