Border Radius Generator
Rond elke hoek af met schuifregelaars, maak organische blobs met de elliptische modus en kopieer direct de CSS.
Elke hoek wordt direct in je browser getekend. Niets van wat je hier instelt, wordt geüpload naar BroBroGo.
Veelgestelde vragen
Hoe werken de vier hoeken en px versus %?
De vier schuifregelaars horen met de klok mee bij linksboven, rechtsboven, rechtsonder en linksonder. In pixels rond je een hoek af met een vaste waarde; in procenten rond je af relatief ten opzichte van de box — een horizontaal percentage volgt de breedte en een verticaal percentage volgt de hoogte, waardoor 50% een vierkant in een cirkel verandert.
Wat doet de elliptische modus?
Als dit uit staat, is elke hoek een kwartcirkel met een enkele straal (radius). Zet je het aan, dan krijgt elke hoek een aparte horizontale en verticale straal. Zo maak je zachte, organische "blob"-vormen. De generator schrijft de schuine-streepnotatie met twee waarden voor je en valt terug op de korte vorm zodra de hoeken weer rond zijn.
Hoe maak ik een perfecte cirkel of een pilvorm?
Koppel de hoeken, schakel over naar procenten en stel deze in op 50%: een vierkant verandert in een cirkel. Voor een pilvormige knop behoud je pixels en sleep je een hoek voorbij de helft van de hoogte van de knop — de zijkanten blijven dan bij elke breedte volledig afgerond. De Cirkel-preset stelt dit met één klik voor je in.