🔲
Generator Box Shadow
Twórz efekty cienia CSS wizualnie z intuicyjnymi kontrolkami. Reguluj blur, spread, kolor i offset. Gotowy kod CSS.
Podgląd
Warstwy ()
Predefiniowane
Layer
Kod CSS
O Generatorze Box Shadow
Generuj cienie CSS dla elementów webowych. Twórz efekty głębi, uniesienia i nowoczesny wygląd interfejsu.
Przypadki użycia
Stylowanie kart i paneli
Tworzenie efektów najazdu
Projektowanie przycisków 3D
Podświetlanie aktywnych elementów
Tworzenie efektów warstw
Jak używać
1
Ustaw przesunięcie poziome i pionowe
2
Dostosuj rozmycie i rozproszenie
3
Wybierz kolor i przezroczystość cienia
4
Skopiuj wygenerowany kod CSS
Porady Pro
- Używaj subtelnych cieni dla realizmu
- Łącz wiele cieni dla złożonych efektów
- Cienie wewnętrzne (inset) tworzą efekt wgłębienia
Często zadawane pytania
Wartości to: przesunięcie-x, przesunięcie-y, rozmycie, rozproszenie, kolor. Opcjonalnie inset dla cienia wewnętrznego.
Tak, oddziel definicje cieni przecinkami dla warstwowych efektów.
Użyj małego przesunięcia, umiarkowanego rozmycia i niskiej przezroczystości czerni lub szarości.