Generador de Border Radius
Arrodoneixi cada cantó amb lliscadors, creï gotes orgàniques amb el mode el·líptic i copiï el CSS a l'instant.
Cada cantó es dibuixa directament al seu navegador. Cap dada que defineixi aquí es puja a BroBroGo.
PMF
Com funcionen els quatre cantons i la diferència entre px i %?
Els quatre lliscadors es corresponen, en el sentit de les agulles del rellotge, amb els cantons superior esquerre, superior dret, inferior dret i inferior esquerre. En píxels, un cantó s'arrodoneix una quantitat fixa; en percentatge, s'arrodoneix en relació amb la caixa (un percentatge horitzontal segueix l'amplada i un de vertical segueix l'alçada), de manera que el 50% converteix un quadrat en un cercle.
Què fa el mode el·líptic?
Si està desactivat, cada cantó és un quart de cercle amb un sol radi. Si l'activa, cada cantó tindrà un radi horitzontal i un de vertical independents, que és com es creen formes orgàniques i suaus de tipus "gota". El generador escriu la sintaxi de barra inclinada amb dos valors i torna a la forma curta quan els cantons tornen a ser rodons.
Com puc fer un cercle perfecte o una píndola?
Enllaci els cantons, canviï a percentatge i defineixi un 50%: un quadrat es convertirà en un cercle. Per a un botó en forma de píndola, mantingui els píxels i arrossegui un cantó més enllà de la meitat de l'alçada del botó; els costats es mantindran completament arrodonits amb qualsevol amplada. El preajust Cercle configura el primer cas amb un sol clic.