Narzędzia obrazu i designu
Box Shadow Generator
Box Shadow Generator działa w przeglądarce, aby sprawdzać, konwertować lub przygotowywać wyniki bez wysyłania danych na serwer.
Input / output
Shadow preview
2 layers
CSS 코드
box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 0.18), 0px 2px 6px 0px rgb(37 99 235 / 0.12);
Tailwind shadow
shadow-[0px_8px_24px_-8px_rgb(0_0_0_/_0.18),_0px_2px_6px_0px_rgb(37_99_235_/_0.12)]
Shadow layers
Layer 1
Layer 2
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Box Shadow Generator to lokalne narzędzie przeglądarkowe dla przepływ obrazu i designu. Wejście, opcje i wynik pozostają na jednej stronie.
How to use it
- Wklej dane
Wpisz lub wklej wartość do przetworzenia w polu wejściowym.
- Dostosuj opcje
Wybierz tryb, format lub jednostkę pasującą do box shadow, CSS shadow, elevation.
- Sprawdź wynik
Uruchom narzędzie i skopiuj lub pobierz wynik po sprawdzeniu.
Examples
Przykład Box Shadow Generator
- Input
- Przykładowe wejście
- Output
- Wynik sprawdzony w przeglądarce.
Practical tips
- Przy dużej treści zacznij od małej próbki.
- Reklamy pozostają poza głównymi kontrolkami i wynikami.
FAQ
Jakich danych użyć w Box Shadow Generator?
Użyj wartości pasujących do widocznego zadania i ustaw opcje przed uruchomieniem.
Czy mogę skopiować wynik Box Shadow Generator?
Tak. Sprawdź wynik, a potem skopiuj go lub pobierz.
Czy Box Shadow Generator działa na telefonie?
Tak. Wejście, opcje i wynik układają się na małych ekranach.
Czy dane są wysyłane na serwer?
Nie. Narzędzie jest zaprojektowane do przetwarzania danych w przeglądarce.