Generátor border-radius
Zaoblete každý roh pomocí posuvníků, vytvářejte organické tvary v eliptickém režimu a okamžitě zkopírujte CSS.
Každý roh se vykresluje přímo ve vašem prohlížeči. Nic z toho, co zde nastavíte, se neodesílá na servery BroBroGo.
Časté dotazy
Jak fungují čtyři rohy a rozdíl mezi px a %?
Čtyři posuvníky odpovídají ve směru hodinových ručiček levému hornímu, pravému hornímu, pravému dolnímu a levému dolnímu rohu. V pixelech se roh zaoblí o pevnou hodnotu; v procentech se zaoblí relativně k boxu – horizontální procento se řídí šířkou a vertikální výškou, takže 50 % změní čtverec v kruh.
K čemu slouží eliptický režim?
Pokud je tato funkce vypnutá, každý roh tvoří čtvrtkruh s jediným poloměrem. Zapněte ji a každý roh získá samostatný horizontální a vertikální poloměr, což vám umožní vytvářet měkké, organické tvary „kapek“. Generátor za vás zapíše zápis se dvěma hodnotami oddělenými lomítkem a jakmile jsou rohy opět souměrné, vrátí se ke zkrácené formě.
Jak vytvořím dokonalý kruh nebo pilulku?
Propojte rohy, přepněte jednotky na procenta a nastavte 50 %: ze čtverce se stane kruh. Pro tlačítko ve tvaru pilulky ponechte pixely a přetáhněte roh za polovinu výšky tlačítka – strany zůstanou plně zaoblené při jakékoli šířce. Předvolba Kruh nastaví první případ na jedno kliknutí.