Générateur de Border Radius
Arrondissez chaque coin à l'aide de curseurs, concevez des formes organiques de type « blob » avec le mode elliptique et copiez le CSS instantanément.
Chaque coin est tracé directement dans votre navigateur. Rien de ce que vous configurez ici n'est téléversé vers BroBroGo.
FAQ
Comment fonctionnent les quatre coins et la différence entre px et %?
Les quatre curseurs correspondent, dans le sens horaire, aux coins haut-gauche, haut-droit, bas-droit et bas-gauche. En pixels, un coin s'arrondit selon une valeur fixe; en pourcentage, il s'arrondit par rapport à la boîte — un pourcentage horizontal suit la largeur et un pourcentage vertical suit la hauteur, de sorte que 50 % transforme un carré en cercle.
À quoi sert le mode elliptique?
Lorsqu'il est désactivé, chaque coin est un quart de cercle avec un seul rayon. Activez-le et chaque coin obtient un rayon horizontal et vertical distinct, ce qui vous permet de créer des formes organiques de type « blob ». Le générateur écrit pour vous la syntaxe à deux valeurs séparées par une barre oblique et revient à la forme courte dès que les coins redeviennent ronds.
Comment puis-je créer un cercle parfait ou une pilule?
Liez les coins, passez en pourcentage et réglez à 50 % : un carré devient un cercle. Pour un bouton en forme de pilule, conservez plutôt les pixels et glissez un coin au-delà de la moitié de la hauteur du bouton — les côtés restent entièrement arrondis, peu importe la largeur. Le préréglage Cercle configure le premier cas en un seul clic.