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ć
- 1Wybierz preset— Zacznij szybko przyciskiem presetu.
- 2Dostosuj suwaki— Dostosuj cień za pomocą suwaków przesunięcia X/Y, rozmycia i rozprzestrzeniania.
- 3Podgląd— Sprawdź wynik w czasie rzeczywistym w podglądzie powyżej.
- 4Kopiuj CSS— Użyj przycisku kopiowania, aby uzyskać CSS box-shadow.
Powiązane narzędzia
Generator gradientu CSSDarmowy 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-radiusDarmowy 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 FlexboxDarmowy 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.