Le rayon de bordure contrôle la rondeur des coins des éléments. Différentes valeurs de rayon créent des sensations de design différentes : de nettes et professionnelles à douces et conviviales.
Ajustez chaque coin indépendamment à l’aide des curseurs. L'aperçu est mis à jour en temps réel. Copiez le code CSS de votre projet.
Frequently Asked Questions
Q: Puis-je définir des rayons différents pour chaque coin ?
Puis-je définir des rayons différents pour chaque coin ? Oui, utilisez le format : border-radius : haut-gauche, haut-droit, bas-droit, bas-gauche.
Q: Quel est le meilleur rayon de bordure pour une carte ?
Quel est le meilleur rayon de bordure pour une carte ? 12-16px est le point idéal pour les cartes dans la plupart des designs modernes.
Q: Quelles valeurs de rayon de bordure dois-je utiliser pour différents éléments ?
Quelles valeurs de rayon de bordure dois-je utiliser pour différents éléments ? Les cartes utilisent généralement 8 à 16 pixels, des boutons de 4 à 8 pixels, des modaux de 12 à 20 pixels et des avatars à 50 % pour les cercles. Utilisez des valeurs plus grandes sur des éléments plus grands pour une cohérence proportionnelle.
Q: Comment créer un bouton en forme de pilule ?
Comment créer un bouton en forme de pilule ? Définissez le border-radius sur une très grande valeur comme 999px. Le navigateur le plafonnera à la moitié de la hauteur de l'élément, créant automatiquement une forme de pilule quelle que soit la taille du bouton.
Q: Puis-je appliquer des rayons différents à chaque coin ?
Puis-je appliquer des rayons différents à chaque coin ? Oui, les quatre commandes de coin individuelles vous permettent de définir des valeurs uniques pour les zones supérieure gauche, supérieure droite, inférieure droite et inférieure gauche. Ceci est utile pour les éléments de conception directionnelle.