Dostosuj przesunięcie poziome i pionowe, rozmycie, rozproszenie i kolor, aby zbudować box-shadow. Podgląd aktualizuje się na żywo. Skopiuj CSS. Działa w przeglądarce.
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);
O generatorze CSS Box Shadow
Box-shadow dodaje cień za elementem. To narzędzie pozwala ustawić przesunięcie poziome i pionowe, promień rozmycia, rozproszenie i kolor (z opcjonalnym cieniem wewnętrznym). Podgląd i CSS aktualizują się w miarę zmian wartości. Skopiuj wynik do swojego arkusza stylów.
Jak używać
- Dostosuj przesunięcie, rozmycie, rozproszenie i kolor. Zaznacz Wewnętrzny, jeśli chcesz cień wewnątrz elementu.
- Skopiuj wygenerowany CSS i wklej go do swojego projektu.
Najczęściej zadawane pytania
Co to jest inset?
Inset rysuje cień wewnątrz elementu zamiast na zewnątrz. Przydatne do uzyskania efektu wciśnięcia lub zagłębienia.
Czy moje dane są wysyłane na serwer?
Nie. CSS jest generowany w przeglądarce. Nic nie jest przesyłane.
Czy mogę użyć wielu cieni?
To narzędzie generuje jeden cień. Aby dodać więcej, skopiuj wynik i dopisz kolejne wartości rozdzielone przecinkami w box-shadow.