DARMOWE NARZĘDZIA HAWKLY
Generator box-shadow CSS
Skonfiguruj cień elementu wizualnie. Ustaw przesunięcie, rozmycie, spread, kolor, przezroczystość i typ cienia, a następnie skopiuj gotowy kod CSS.
HAWKLY
CSS
SHADOW • STYLE • WEB
01
POZYCJA
Przesunięcie cienia
Ustaw położenie cienia względem elementu.
PRZESUNIĘCIE X
Pozioma pozycja cienia
PX
-100
0
100
PRZESUNIĘCIE Y
Pionowa pozycja cienia
PX
-100
0
100
02
CIEŃ
Rozmycie i spread
Kontroluj miękkość i wielkość cienia.
BLUR RADIUS
Stopień rozmycia cienia
PX
0
75
150
SPREAD RADIUS
Rozszerzenie lub zmniejszenie cienia
PX
-50
25
100
03
KOLOR
Kolor i krycie
Wybierz kolor cienia oraz jego przezroczystość.
KOLOR CIENIA
KRYCIE
25%
PRZEZROCZYSTOŚĆ
0% = niewidoczny, 100% = pełny kolor
%
0%
50%
100%
04
TYP
Rodzaj cienia
Wybierz klasyczny cień zewnętrzny lub inset.
05
ELEMENT
Wygląd podglądu
Dostosuj obiekt używany do prezentacji cienia.
KOLOR ELEMENTU
KOLOR TŁA
BORDER RADIUS
Zaokrąglenie elementu testowego
PX
0
50
100
06
PRESETY
Gotowe cienie
Wybierz gotowy styl i dostosuj go do projektu.