Générateur de rayon de bordure

Une déclaration de rayon de bordure peut prendre jusqu'à quatre valeurs de coin indépendantes plus une syntaxe facultative de barre oblique à huit valeurs pour les courbes organiques - plus de pièces mobiles que la plupart des gens ne le pensent jusqu'à ce qu'ils aient besoin de quelque chose au-delà d'une simple carte arrondie. Ce générateur affiche chacune de ces parties à l'écran : quatre curseurs de coin avec leur propre unité px ou pourcentage, un raccourci de lien vers tous les coins pour les formes symétriques et un mode blob pour les formes qu'aucune valeur de rayon unique ne peut exprimer.

Le mode Coins couvre les formes que les gens recherchent réellement : associez chaque coin à un curseur pour des cercles, des pilules et des écureuils parfaits, ou dissociez-les pour arrondir uniquement le haut d'un panneau déroulant ou un seul côté d'une carte. Un aperçu en damier derrière la forme, commutable entre un fond clair et sombre, indique clairement quels coins sont coupés dans n'importe quel rayon - les mêmes outils de fichiers d'astuces visuelles sur ce site utilisent pour montrer la transparence.

Le mode Blob est l'autre moitié : la syntaxe CSS à barre oblique à huit valeurs permet aux rayons horizontaux et verticaux de chaque coin de différer, ce qui transforme un rectangle arrondi en un contour organique et irrégulier. Appuyez sur Randomize pour une nouvelle forme à tout moment et copiez le CSS exact derrière – aucune exportation SVG ni bibliothèque externe impliquée. Les pages prédéfinies couvrent les requêtes que les gens saisissent réellement dans un champ de recherche : un cercle parfait, un bouton de pilule en forme de stade, un cercle de style iOS et un blob organique prêt à l'emploi.

Comme tous les outils de ce site, il fonctionne entièrement dans votre navigateur : pas de téléchargement, pas de compte, et le générateur continue de fonctionner hors ligne une fois la page chargée.