Generatore CSS border-radius
Crea angoli arrotondati CSS (border-radius) con anteprima live e codice pronto da copiare.
🔒 100 % lato client — nessun dato inviato
Generatore CSS border-radius per creare angoli arrotondati con anteprima live e codice pronto da copiare. Regola ogni angolo in modo indipendente o tutti insieme, quindi copia la proprietà CSS esatta. Tutto funziona nel tuo browser: nessun dato o immagine viene mai inviato a un server.
FAQ
Come posso arrotondare un singolo angolo in CSS?
Usa una proprietà specifica come border-top-left-radius: 12px; per arrotondare un solo angolo. Lo strumento ti consente di impostare ogni angolo separatamente e generare la riga corrispondente.
Come faccio a creare un cerchio o un ovale con border-radius?
Applica border-radius: 50% a un elemento quadrato per ottenere un cerchio perfetto o a un rettangolo per ottenere un'ellisse. Seleziona l'unità % nello strumento per raggiungere questo risultato.
Qual è la differenza tra px, % ed em per border-radius?
I pixel danno un raggio fisso, le percentuali sono relative alla dimensione dell'elemento (ideali per i cerchi) ed em dipende dalla dimensione del carattere. Puoi testare ogni unità nell'anteprima.
Il codice generato funziona in tutti i browser?
Sì, border-radius è supportato da tutti i browser moderni senza alcun prefisso. Basta copiare la proprietà nel tuo foglio di stile.