Generatore di raggio di confine

Controlla ogni angolo in modo indipendente e visualizza in anteprima le forme arrotondate. Copia CSS con raggio di bordo abbreviato o lungo.

Border Radius Generator

Live

CSS output

border-radius: 24px;

Key capabilities

  • Controlla ogni angolo in modo indipendente e visualizza in anteprima le forme arrotondate con CSS pronti per la copia.
  • Funziona nel tuo browser
  • Gratuito da usare

Come usare

  1. Trascina ciascun raggio dell'angolo.
  2. Facoltativamente, sblocca gli angoli collegati.
  3. Copia il CSS del raggio del bordo.

How this tool works

  1. Trascina ciascun raggio dell'angolo.
  2. Facoltativamente, sblocca gli angoli collegati.
  3. Copia il CSS del raggio del bordo.

Recommended settings

  • Utilizza prima le opzioni predefinite, quindi modificale se necessario

Supported formats

Text / on-page input

File size and limits

  • Le anteprime multilivello molto complesse potrebbero risultare più lente sui telefoni più vecchi.

Privacy

I generatori di colori e CSS vengono eseguiti interamente nel tuo browser. Le anteprime e le conversioni non caricano mai i tuoi stili.

Common use cases

  • Usa il generatore di raggi del bordo ogni volta che ne hai bisogno: controlla ogni angolo in modo indipendente e visualizza in anteprima le forme arrotondate con CSS pronti per la copia.

Troubleshooting

L'anteprima appare diversa dopo l'incollaggio

Verifica la presenza di CSS concorrenti sulla tua pagina (ripristini, colori ereditati). Copia prima la regola generata in un foglio di stile isolato.

FAQ

Questo carica il mio CSS?

No. Generatori e convertitori vengono eseguiti nel tuo browser con anteprima dal vivo.

Ho bisogno di un account?

No. Apri lo strumento, modifica i controlli e copia il CSS.

Strumenti correlati