OneKitTools logoOneKitTools
Retour à Développeur

Générateur de border-radius CSS

Éditeur visuel de border-radius avec contrôle par coin, mode lié, presets et sortie CSS

À propos de Générateur de border-radius CSS

Concevez des valeurs CSS border-radius avec un éditeur visuel — ajustez chaque coin indépendamment, utilisez des presets et copiez le CSS.

Comment utiliser Générateur de border-radius CSS

  1. 1Glissez les curseurs de coins ou entrez des valeurs exactes pour chaque coin.
  2. 2Activez « Link All Corners » pour ajuster tous les coins simultanément.
  3. 3Choisissez une unité (px ou %) pour un contrôle précis.
  4. 4Essayez les presets comme Pill, Circle ou Blob pour des formes instantanées.
  5. 5Copiez le CSS généré et collez-le dans votre feuille de style.

Astuces

  • Les valeurs en pourcentage (50%) créent des cercles parfaits sur les éléments carrés quelle que soit leur taille.
  • Le preset Blob utilise le border-radius avancé à 8 valeurs pour des formes organiques et asymétriques.
  • Un léger border-radius (4-8px) sur les cartes et boutons donne un aspect moderne sans être trop arrondi.

Outils similaires

Équipe OneKitToolsMise à jour 2.21.4