Générateur de border-radius visuel
Ajustez visuellement les quatre coins d'un élément et générez la propriété CSS border-radius correspondante, y compris les formes organiques.
À propos de cet outil
Ce générateur permet de régler indépendamment l'arrondi des quatre coins d'un élément grâce à des curseurs, avec un aperçu en direct, pour créer aussi bien un bouton légèrement arrondi qu'une forme organique complexe.
Comment utiliser cet outil
- Réglez chaque coin indépendamment avec les curseurs ou en glissant les poignées sur l'aperçu.
- Activez le mode "élément" ou "forme organique" (8 valeurs) pour plus de contrôle.
- Observez l'aperçu se mettre à jour en temps réel.
- Copiez la propriété border-radius générée.
Questions fréquentes
Comment arrondir uniquement deux coins d'un élément en CSS ?
Réglez à zéro les curseurs des coins que vous voulez garder droits : l'outil génère automatiquement la syntaxe border-radius avec les quatre valeurs correctes.
Comment créer une forme organique type "blob" en CSS ?
Activez le mode avancé à 8 valeurs, qui utilise la syntaxe border-radius avec une barre oblique pour définir des rayons horizontaux et verticaux différents, donnant des formes irrégulières.
Le border-radius fonctionne-t-il avec les images ?
Oui, border-radius s'applique à n'importe quel élément avec une boîte, y compris les images, à condition qu'elles aient overflow: hidden si nécessaire.