OneKitTools logoOneKitTools
Torna a Sviluppatore

Generatore border-radius CSS

Crea bordi arrotondati CSS con controllo visivo per ogni angolo

Informazioni su Generatore border-radius CSS

Design CSS border-radius values con a visual editor — adjust each corner independently, use presets, and copy the CSS.

Come usare Generatore border-radius CSS

  1. 1Trascina the corner sliders or enter exact values for each corner.
  2. 2Attiva/disattiva 'Link All Corners' to adjust all corners simultaneously.
  3. 3Scegli a unit (px or %) for precise control.
  4. 4Prova presets like Pill, Circle, or Blob for instant shapes.
  5. 5Copia the CSS output and paste it into your stylesheet.

Consigli

  • I valori percentuali (50%) creano cerchi perfetti su elementi quadrati indipendentemente dalla dimensione.
  • Il preset Blob usa border-radius avanzato a 8 valori per forme organiche e asimmetriche.
  • Slight border-radius (4-8px) on cards and buttons makes UI feel modern senza being too rounded.

Strumenti correlati

Team OneKitToolsAggiornato 2.21.4