Generatore di Border Radius
Arrotondi ogni angolo con i cursori, crei forme organiche con la modalità ellittica e copi il codice CSS all'istante.
Ogni angolo viene disegnato direttamente nel Suo browser. Nessun dato impostato viene caricato su BroBroGo.
FAQ
Come funzionano i quattro angoli e la differenza tra px e %?
I quattro cursori corrispondono, in senso orario, agli angoli in alto a sinistra, in alto a destra, in basso a destra e in basso a sinistra. In pixel, l'angolo si arrotonda di una quantità fissa; in percentuale, si arrotonda in relazione al box (la percentuale orizzontale segue la larghezza e quella verticale segue l'altezza), per cui il 50% trasforma un quadrato in un cerchio.
A cosa serve la modalità ellittica?
Se disattivata, ogni angolo è un quarto di cerchio con un singolo raggio. Attivandola, ogni angolo ottiene un raggio orizzontale e uno verticale separati, permettendo di creare forme morbide e organiche a "goccia" (blob). Il generatore scrive per Lei la sintassi con lo slash a due valori, per poi tornare alla forma abbreviata quando gli angoli tornano a essere rotondi.
Come posso creare un cerchio perfetto o una forma a pillola?
Colleghi gli angoli, passi alla percentuale e imposti 50%: un quadrato diventerà un cerchio perfetto. Per un pulsante a pillola, mantenga invece i pixel e trascini un angolo oltre la metà dell'altezza del pulsante: i lati rimarranno completamente arrotondati a qualsiasi larghezza. Il preset Cerchio configura il primo caso con un solo clic.