Generator CSS Border Radius
Projektuj wartości border-radius wizualnie z kontrolkami dla poszczególnych rogów, presetami i podglądem na żywo.
Podgląd
8px8px8px8px
Presety
Kontrolki
Połącz wszystkie rogi
Wyjście CSS
Ctrl+Enter uruchomCtrl+Shift+C kopiuj
Dowiedz się więcej
CSS Border Radius: zaokrąglone narożniki, koła i kształty
Twórz zaokrąglone narożniki, kształty pigułki, koła i złożone kształty organiczne z CSS border-radius.
Zrozumienie border-radius
Właściwość CSS border-radius zaokrągla narożniki zewnętrznej krawędzi elementu. Przyjmuje od jednej do czterech wartości do niezależnego kontrolowania każdego narożnika — lewego górnego, prawego górnego, prawego dolnego i lewego dolnego. Jedna wartość stosuje ten sam promień do wszystkich czterech narożników, a cztery wartości pozwalają tworzyć asymetryczne kształty.
5 min czytaniaPrzeczytaj pełny poradnik