Gratis e senza account
CSS Generatore raggio bordo
Modella ogni angolo in modo indipendente, compresi i raggi ellittici orizzontali e verticali. Visualizza l'anteprima del risultato e copia CSS compatto.
Come posso generare valori CSS border-radius?
Scegli pixel o percentuali, regola il raggio orizzontale e verticale per ciascun angolo, quindi copia la dichiarazione border-radius generata. CSS può normalizzare proporzionalmente i raggi sovrapposti per adattarli all'elemento.
Domande frequenti
Come posso generare valori CSS border-radius?
Scegli pixel o percentuali, regola il raggio orizzontale e verticale per ciascun angolo, quindi copia la dichiarazione border-radius generata. CSS può normalizzare proporzionalmente i raggi sovrapposti per adattarli all'elemento.
Il mio CSS o il mio disegno sono stati caricati?
No. L'anteprima e CSS vengono generati in questa scheda del browser. Non sono previsti caricamento, account, chiamata API o salvataggio automatico.
Ogni angolo può avere un raggio diverso?
Sì. Imposta un valore orizzontale e verticale separato per gli angoli in alto a sinistra, in alto a destra, in basso a destra e in basso a sinistra.
Cosa significa la barra in border-radius?
Separa i raggi orizzontali dai raggi verticali, creando angoli ellittici. Se ogni angolo utilizza lo stesso valore orizzontale e verticale, il generatore omette la barra.
Perché l'anteprima potrebbe apparire più piccola dei valori?
CSS normalizza proporzionalmente i raggi che si sovrapporrebbero ad un bordo. Questo è il comportamento standard del browser e viene applicato anche in questa anteprima.