Générateur de rayon de bordure

Générateur de CSS pour bordures arrondies

Concevez visuellement des coins arrondis pour vos éléments CSS. Ajustez chaque coin indépendamment, utilisez des rayons elliptiques, choisissez parmi des préréglages et copiez le code CSS - le tout avec un aperçu en direct.

Comment utiliser

Choisissez le mode simple pour définir tous les coins en une seule fois, ou passez en mode avancé pour un contrôle individuel de chaque coin. Activez le mode elliptique pour des rayons horizontaux et verticaux séparés. Utilisez la galerie de préréglages pour des formes courantes comme les cercles, les pilules et les squircles. Copiez le CSS généré lorsque vous êtes satisfait du résultat.

Caractéristiques

• Mode Simple & Avancé – Coins uniformes ou contrôle individuel pour chaque coin
• Rayon elliptique – Définissez des rayons horizontaux et verticaux séparés par coin pour des formes complexes
• Sélection de l'unité – Basculez entre px, %, em et rem
• Galerie de préréglages – Cercle, pilule, carte arrondie, squircle, blob organique, bulle de dialogue, et plus encore
• Aperçu en direct – Voyez votre rayon de bordure appliqué à une boîte d'aperçu en temps réel
• Copier le CSS – Copie en un clic du raccourci CSS optimisé