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 generator CSS box-shadow online z kontrolkami przesunięcia, rozmycia, rozproszenia, koloru i inset, oferujący podgląd cienia na żywo i tworzący gotowy do skopiowania kod CSS box-shadow.
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
Generator gradientu CSS Darmowy wizualny generator gradientów CSS: twórz gradienty liniowe, radialne i stożkowe, dostosuj punkty kolorów i kąt, a następnie kopiuj gotowy kod CSS na tła witryny.
Generator CSS border-radius Darmowy generator CSS border-radius online z ośmioma niezależnymi uchwytami narożników i suwakami, oferujący podgląd na żywo zaokrąglonego kształtu i tworzący gotowy do skopiowania kod CSS border-radius.
Generator CSS Flexbox Darmowy playground CSS Flexbox online z wizualnym edytorem dla justify-content, align-items, flex-direction i wrap, pokazujący podgląd układu na żywo i generujący gotowy do skopiowania kod CSS Flexbox.
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.