Générateur CSS border-radius

Générateur CSS border-radius avec huit poignées d'angle indépendantes, des curseurs et un aperçu en direct de la forme arrondie. Copiez le code border-radius prêt à l'emploi, gratuit dans le navigateur.

border-radius: 50% 50% 50% 50%;
Intégrer

Intégrer cet outil sur votre site

Powered by Patrache Studio DevTools
Dernière mise à jour : 2026 · Outil en ligne gratuit

Qu'est-ce que Générateur CSS border-radius ?

Générateur CSS border-radius avec huit poignées d'angle indépendantes, des curseurs et un aperçu en direct de la forme arrondie. Copiez le code border-radius prêt à l'emploi, gratuit dans le navigateur.

Comment utiliser

  1. 1
    Ajuster les options— Ajustez le style avec les curseurs et le sélecteur de couleur.
  2. 2
    Vérifier l'aperçu— Vérifiez le résultat dans l'aperçu en temps réel.
  3. 3
    Copier le code— Copiez le code CSS ou SVG pour l'utiliser dans votre projet.

Outils associés

Questions fréquentes

C'est un outil en ligne gratuit pour éditer visuellement le border-radius à 8 valeurs.

Oui, des préréglages de style fréquemment utilisés sont fournis.

Oui, vous pouvez directement copier le code CSS généré.

Non. Tout le traitement se fait dans le navigateur.

Oui, le design responsive fonctionne sur les appareils mobiles.

Ce site utilise des cookies pour améliorer votre expérience et la publicité. En savoir plus

Autorisez les annonces sur ce site

Pour utiliser ces outils, autorisez les annonces sur ce site. La publicité permet de garder ce service gratuit.

Ouvrez votre bloqueur, désactivez-le pour ce site, puis vérifiez à nouveau.