Générateur de border-radius CSS
Créez des coins arrondis en CSS avec aperçu en direct : réglez chaque coin, liez les quatre ensemble ou créez des formes organiques (blob) avec les 8 valeurs de border-radius.
Mode d’emploiGénérateur de border-radius et de blob
Disponible en: 
Générateur de border-radius CSS: à quoi ça sert
Réglez les quatre coins ensemble ou séparément, en px ou en %, et voyez la forme changer aussitôt. En mode Blob, utilisez les rayons horizontaux et verticaux pour créer des formes organiques et générer des variations aléatoires. Le CSS est prêt à copier.
Mode d’emploi
- Choisissez coins ou blob.
- Réglez les curseurs.
- Copiez le CSS généré.
Quand l’utiliser
- Créer des boutons et des cartes arrondis.
- Réaliser des formes organiques pour des arrière-plans.
- Apprendre la syntaxe de border-radius.
Questions fréquentes
Comment arrondir seulement certains coins ?
Désactivez l’option des coins identiques et réglez chacun d’eux. L’ordre en CSS est : haut gauche, haut droit, bas droit et bas gauche.
Comment faire une forme organique (blob) ?
Utilisez le mode Blob : il emploie la syntaxe avec barre oblique, comme 30% 70% 70% 30% / 30% 30% 70% 70%, où les valeurs avant la barre sont les rayons horizontaux et celles après, les rayons verticaux.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.