Generator Border Radius
Rotunjiți fiecare colț cu ajutorul glisoarelor, creați forme organice cu modul eliptic și copiați instantaneu codul CSS.
Fiecare colț este desenat direct în browserul dumneavoastră. Nimic din ceea ce setați aici nu este încărcat pe BroBroGo.
Întrebări frecvente
Cum funcționează cele patru colțuri și diferența dintre px și %?
Cele patru glisoare corespund, în sensul acelor de ceasornic, colțurilor stânga-sus, dreapta-sus, dreapta-jos și stânga-jos. În pixeli, un colț se rotunjește cu o valoare fixă; în procente, se rotunjește relativ la casetă — un procent orizontal urmează lățimea, iar un procent vertical urmează înălțimea, astfel că 50% transformă un pătrat într-un cerc.
Ce face modul eliptic?
Când este oprit, fiecare colț este un sfert de cerc cu o singură rază. Când îl activați, fiecare colț primește o rază orizontală și una verticală separată, mod prin care puteți crea forme organice de tip „picătură” (blob). Generatorul scrie pentru dumneavoastră sintaxa cu bară oblică pentru cele două valori și revine la forma scurtă imediat ce colțurile sunt din nou rotunde.
Cum pot obține un cerc perfect sau o formă de pastilă?
Conectați colțurile, comutați pe procente și setați 50%: un pătrat devine un cerc perfect. Pentru un buton în formă de pastilă, păstrați pixelii și trageți un colț dincolo de jumătatea înălțimii butonului — marginile vor rămâne complet rotunjite la orice lățime. Presetarea „Cerc” configurează primul caz dintr-un singur clic.