Generator CSS box-shadow
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
Ostatnia aktualizacja: 2026 · Darmowe narzędzie online
Czym jest Generator CSS box-shadow?
Darmowy wizualny edytor online do tworzenia CSS box-shadow i kopiowania kodu
Jak używać
- 1 Wybierz preset — Zacznij szybko przyciskiem presetu.
- 2 Dostosuj suwaki — Dostosuj cień za pomocą suwaków przesunięcia X/Y, rozmycia i rozprzestrzeniania.
- 3 Podgląd — Sprawdź wynik w czasie rzeczywistym w podglądzie powyżej.
- 4 Kopiuj CSS — Użyj przycisku kopiowania, aby uzyskać CSS box-shadow.
Powiązane narzędzia
Najczęściej zadawane pytania
Tak, użyj przycisku 'Dodaj cień', aby nałożyć wiele cieni.
Tak, zaznacz pole wyboru Inset przy każdym cieniu, aby utworzyć cień wewnętrzny.
Dostępnych jest pięć presetów: Subtle, Medium, Large, Inset i Double.
Tak, możesz wpisać bezpośrednio rgba(0,0,0,0.15) w polu koloru.
Nie. Wszystkie obliczenia odbywają się w przeglądarce.