Przejdź do treści

Zaokrąglenie rogów

Darmowy podgląd CSS border-radius online. Regulacja każdego rogu osobno z podglądem na żywo. Kopiowanie kodu. Przetwarzane w przeglądarce.

Podgląd zaokrąglenia narożników to darmowe narzędzie online, które wizualnie dostosowuje właściwość CSS border-radius. Ustaw każdy narożnik indywidualnie lub wszystkie naraz z podglądem w czasie rzeczywistym. Twórz koła, elipsy i niesymetryczne kształty. Przetwarzanie w przeglądarce — całkowicie za darmo, do projektowania stron internetowych.

border-radius: 20px;
lock Pliki nie są wysyłane na żaden serwer

Jak używać Zaokrąglenie rogów?

  1. Dostosuj wartości promienia dla każdego narożnika za pomocą suwaków.
  2. Sprawdź kształt w podglądzie w czasie rzeczywistym.
  3. Skopiuj kod CSS i zastosuj go w swoim projekcie.

Najczęściej zadawane pytania o Zaokrąglenie rogów

Jak utworzyć idealne koło?

Zastosuj border-radius: 50% do kwadratowego elementu, aby utworzyć idealne koło. Ustaw wszystkie cztery narożniki na 50%.

Czy mogę ustawić różne wartości dla każdego narożnika?

Tak, border-radius może mieć cztery indywidualne wartości w kolejności: lewy górny, prawy górny, prawy dolny, lewy dolny. Pozwala to tworzyć unikalne niesymetryczne kształty.