Meilleur gratuit Générateur de rayonnement de la frontière CSS
Coins ronds des éléments visuellement — par-corner ou lié, px/%/em — avec prévisualisation en direct et copie.
100% gratuit
Pas d'inscription
Pas de filigrane
Fichiers traités en mémoire, jamais stockés
✨
Go Pro pour les meilleurs modèles d'IA — image, vidéo et chat — plus de chargements plus grands, priorité dans la file d'attente et sans attente.
Mise à niveau vers Pro
Amour best.free? Partagez-le
Comment ça marche
- Réglez les coins. Faites glisser chaque curseur d'angle, ou gardez le lien sur tous les coins pour les déplacer ensemble.
- Regardez l'aperçu. Les tours de boîte live que vous faites glisser; basculer px, % ou em dans Options avancées.
- Copier le CSS. Appuyez sur Copier CSS et collez la règle border-radius dans votre feuille de style.
A propos de cet outil
Faites glisser un curseur pour chacun des quatre coins — ou gardez-les liés de façon à ce qu'un curseur bouge les quatre — tandis qu'une boîte de prévisualisation en direct affiche le résultat. Copiez le CSS bord-rayus, qui s'effondre à une valeur unique lorsque chaque coin correspond et s'étend à la forme de quatre valeurs lorsqu'ils diffèrent. Les options avancées changent l'unité entre px, % et em, de sorte que vous pouvez construire des formes de pilules et des arrondis en pourcentage également.
À quoi les gens s'en servent
- Carte ronde, bouton et coins d'image
- Créer une pilule ou une forme entièrement arrondie
- Régler différents rayons sur les coins individuels
- Utiliser le pourcentage d'arrondi pour les cercles et les ovales
Foire aux questions
Oui. Éteignez le lien entre les coins et chaque curseur contrôle un coin; le CSS utilise ensuite la forme à quatre valeurs (en haut à gauche, en haut à droite, en bas à droite, en bas à gauche).
Avec elle, le glisser dans n'importe quel curseur déplace les quatre coins ensemble et le CSS s'effondre à une seule valeur.
Pourcentages de tours par rapport à la taille de la boîte, donc 50% sur un carré fait un cercle et il s'écaille avec l'élément. Pixels donnent un rayon fixe.
Réglez un grand rayon sur tous les coins; pour une vraie pilule, un rayon de moitié de la hauteur de l'élément — ou 50% — arrondit complètement les extrémités.
Non. Les sliders calculent une chaîne CSS localement dans votre navigateur.
Complètement libre, aucun compte et aucune limite — un outil côté client sans rien à mesurer.
Oui. Il fonctionne dans votre navigateur, donc CSS Border Radius Generator fonctionne sur les téléphones et tablettes ainsi que sur le bureau — il n'y a pas d'application à installer.
Habituellement, quelques secondes seulement pour un fichier typique — CSS Border Radius Generator commence à travailler au moment où vous lui donnez votre entrée.
L'usage occasionnel est illimité, sous un généreux bouchon à usage équitable qui le maintient rapide pour tout le monde.
Tous les navigateurs modernes — Chrome, Safari, Firefox et Edge. CSS Border Radius Générateur n'a besoin de rien installé au-delà du navigateur que vous utilisez déjà.