Generatore di border-radius

Applica la proprietà border-radius a un elemento. Un singolo valore come border-radius: 12px; arrotonda allo stesso modo tutti e quattro gli angoli. Trascina i cursori qui, osserva l'anteprima dal vivo e copia la dichiarazione generata direttamente nel tuo foglio di stile.

La barra separa i raggi orizzontali da quelli verticali, producendo angoli ellittici anziché circolari. La forma è border-radius: h-tl h-tr h-br h-bl / v-tl v-tr v-br v-bl. Attiva «Angoli ellittici» per impostare ciascun asse in modo indipendente e lo strumento scrive per te la sintassi con la barra.

I pixel danno un raggio d'angolo fisso indipendentemente dalla dimensione dell'elemento, ideale per pulsanti e schede. Le percentuali sono relative alle dimensioni dell'elemento: il 50% su un quadrato lo trasforma in un cerchio, utile per pillole e avatar che devono scalare. Cambia unità nella parte superiore dello strumento.

No. Il generatore funziona interamente nel tuo browser. L'anteprima viene resa localmente con semplice CSS e nulla di ciò che digiti viene inviato a un server o memorizzato.