Przejdź do treści

Generator Border Radius CSS

Twórz niestandardowe wartości border-radius CSS z podglądem na żywo. Dostosuj każdy róg osobno. Za darmo, 100% w przeglądarce.

Podgląd

12px
12px
12px
12px
Jednostka

Wyjście CSS

 

O border-radius CSS

border-radius w CSS pozwala tworzyć zaokrąglone rogi elementów. Możesz ustawić różne wartości dla każdego rogu.

Składnia

border-radius przyjmuje od 1 do 4 wartości — jedną dla wszystkich rogów, dwie dla par góra-lewy/dół-prawy i góra-prawy/dół-lewy, lub cztery osobne wartości.

Zaokrąglenia eliptyczne

Eliptyczny border-radius używa składni z ukośnikiem (np. 50% / 30%) do tworzenia asymetrycznych zaokrągleń z różnymi promieniami poziomymi i pionowymi.

Prywatność

Całe generowanie odbywa się w 100% w przeglądarce. Dane nie są wysyłane na serwer.