Generator Zaokrąglenia Rogów CSS — border-radius

CSS border-radius to jedna z najczęściej używanych właściwości CSS — od delikatnie zaokrąglonych kart po pełne okręgi. Generator pozwala sterować każdym rogiem niezależnie.

Składnia border-radius

Skrót: border-radius: tl tr br bl (zgodnie z ruchem wskazówek zegara). Pełna kontrola: border-top-left-radius: x y dla eliptycznych rogów.

Typowe użycia

• Lekkie zaokrąglenie (4–8px): karty, przyciski
• Mocne zaokrąglenie (16–24px): modalne okna, tagi
• Pill shape (50vw): capsule buttons
• Pełny okrąg (50%): awatary, ikonki

Generator pokazuje podgląd na żywo i eksportuje minimalistyczny kod CSS.