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