Генератор на Border Radius
Заоблете го секој агол со лизгачи, обликувајте органски форми со елиптичниот режим и копирајте го CSS-кодот веднаш.
Секој агол се исцртува директно во Вашиот прелистувач. Ништо од она што го поставувате тука не се испраќа на BroBroGo.
ЧПП
Како функционираат четирите агли и изборот меѓу px и %?
Четирите лизгачи одговараат, во насока на стрелките на часовникот, на горе-левиот, горе-десниот, долу-десниот и долу-левиот агол. Во пиксели, аголот се заоблува за фиксна вредност; во проценти, тој се заоблува во однос на рамката — хоризонталниот процент ја следи ширината, а вертикалниот процент ја следи висината, па 50% го претвора квадратот во круг.
Што прави елиптичниот режим?
Кога е исклучено, секој агол е четвртина круг со еден радиус. Вклучете го и секој агол добива посебен хоризонтален и вертикален радиус, со што се создаваат меки, органски форми на „дамка“ (blob). Генераторот ја запишува формата со две вредности поделени со коса црта и се враќа на кратката форма штом аглите повторно ќе станат кружни.
Како да направам совршен круг или пилула?
Поврзете ги аглите, префрлете на проценти и поставете 50%: квадратот станува круг. За заоблено копче во форма на пилула, задржете ги пикселите и повлечете го аголот над половина од висината на копчето — страните ќе останат целосно заоблени при секоја ширина. Претпоставката „Круг“ го поставува првиот случај со еден клик.