Générateur de border-radius CSS
Ajustez indépendamment les quatre coins d'un élément et récupérez instantanément la valeur CSS border-radius correspondante, avec aperçu en direct.
Comment ça marche
La propriété CSS border-radius peut recevoir jusqu'à quatre valeurs, une par coin, dans l'ordre haut-gauche, haut-droit, bas-droit, bas-gauche. Cet outil vous permet de régler chaque coin indépendamment et de visualiser le résultat avant de copier le code.
Comment créer une forme parfaitement ronde ou ovale ?
Réglez les quatre coins avec l'unité "%" à une valeur de 50% : appliqué à un élément carré, cela produit un cercle parfait ; appliqué à un rectangle, une ellipse.
Pourquoi utiliser des valeurs différentes selon les coins ?
Des coins asymétriques permettent de créer des formes organiques ou des effets de "goutte d'eau", souvent utilisés pour des bulles de notification ou des éléments décoratifs.
Traitement 100% local : le calcul s'effectue entièrement dans votre navigateur via WebAssembly, sans aucun envoi de données à un serveur.