DARMOWE NARZĘDZIA HAWKLY
Generator border-radius CSS
Konfiguruj zaokrąglenie każdego rogu elementu osobno. Ustaw wartości, wybierz jednostkę i skopiuj gotowy kod CSS bez ręcznego wpisywania właściwości.
HAWKLY
CSS
RADIUS • SHAPE • WEB
01
TRYB
Sposób konfiguracji
Steruj wszystkimi rogami razem lub każdym osobno.
02
JEDNOSTKA
Jednostka CSS
Wybierz sposób zapisu wartości border-radius.
03
ROGI
Konfiguracja zaokrąglenia
Przesuwaj suwaki lub wpisuj dokładne wartości.
TOP LEFT
24px
TOP RIGHT
24px
RADIUS
CSS
BOTTOM LEFT
24px
BOTTOM RIGHT
24px
WSZYSTKIE ROGI
Jedna wartość dla całego elementu
PX
0
100
200
TOP LEFT
Lewy górny róg
PX
TOP RIGHT
Prawy górny róg
PX
BOTTOM RIGHT
Prawy dolny róg
PX
BOTTOM LEFT
Lewy dolny róg
PX
04
ELEMENT
Wygląd podglądu
Zmień rozmiar i kolory obiektu testowego.
KOLOR ELEMENTU
KOLOR TŁA
SZEROKOŚĆ ELEMENTU
Rozmiar obiektu w podglądzie
PX
WYSOKOŚĆ ELEMENTU
Wysokość obiektu w podglądzie
PX
05
PRESETY
Gotowe kształty
Zacznij od popularnego typu zaokrąglenia.