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
✨
Go Pro pour les meilleurs modèles d'IA - image, vidéo et chat - plus les téléchargements plus grands, la 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à.