Generátor zaoblenia rohov (Border Radius)
Zaobľujte rohy pomocou posuvníkov, vytvárajte organické tvary v eliptickom režime a okamžite kopírujte CSS.
Každý roh sa vykresľuje priamo vo vašom prehliadači. Nič z toho, čo tu nastavíte, sa neodosiela na BroBroGo.
Časté otázky
Ako fungujú štyri rohy a rozdiel medzi px a %?
Štyri posuvníky zodpovedajú v smere hodinových ručičiek rohom vľavo hore, vpravo hore, vpravo dole a vľavo dole. V pixeloch sa roh zaoblí o pevnú hodnotu; v percentách sa zaobľuje relatívne k boxu – horizontálne percento sa riadi šírkou a vertikálne výškou, takže 50 % zmení štvorec na kruh.
Čo robí eliptický režim?
Keď je vypnutý, každý roh tvorí štvrtinu kruhu s jedným polomerom. Po zapnutí získa každý roh samostatný horizontálny a vertikálny polomer, čo vám umožní vytvárať jemné, organické tvary „kvapiek“. Generátor za vás zapíše zápis s lomkou pre dve hodnoty a vráti sa ku skrátenej forme, hneď ako budú rohy opäť symetrické.
Ako vytvorím dokonalý kruh alebo tvar pilulky?
Prepojte rohy, prepnite jednotky na percentá a nastavte 50 %: zo štvorca sa stane kruh. Ak chcete vytvoriť tlačidlo v tvare pilulky, ponechajte pixely a potiahnite roh za polovicu výšky tlačidla – strany zostanú plne zaoblené pri akejkoľvek šírke. Predvoľba Kruh nastaví prvý prípad jediným kliknutím.