Darmowy konwerter

Generator Box Shadow CSS

Generuj wizualnie CSS box-shadow z podglądem na żywo. Dodaj wiele warstw cienia, dostosuj rozmycie, rozciąganie, kolor i inset — bezpłatnie i po stronie klienta.

Podgląd na żywo
Preview
Wyjście CSS
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Warstwa 1

Przesunięcie poziome4px
-50px50px
Przesunięcie pionowe4px
-50px50px
Promień rozmycia16px
0px100px
Promień rozciągania0px
-50px50px
Kolor cienia
#000000
Krycie25%
0%100%
Wstawka
outset

O tym narzędziu

Twórz i dostosowuj treści za pomocą generatora cieni Box bezpośrednio w przeglądarce. Skonfiguruj swoje preferencje, wygeneruj dane wyjściowe i pobierz lub skopiuj wynik. Wszystko działa po stronie klienta — Twoje dane pozostają prywatne, a przetwarzanie jest natychmiastowe.

Jak używać

  1. Skonfiguruj ustawienia i opcje tak, aby odpowiadały Twoim wymaganiom.
  2. Kliknij opcję Generuj, aby utworzyć wynik.
  3. Wyświetl podgląd wyniku i w razie potrzeby wprowadź poprawki.
  4. Pobierz plik wyjściowy lub skopiuj go do schowka.

Często zadawane pytania

Czy mogę dostosować wygenerowane dane wyjściowe?
Tak. Narzędzie zapewnia różne opcje dostosowywania, aby dostosować wydruk do konkretnych potrzeb. Dostosuj ustawienia przed wygenerowaniem lub wygeneruj ponownie, korzystając z różnych opcji.
Czy wygenerowane treści są bezpłatne?
Tak. Wszystko, co wygenerujesz za pomocą tego narzędzia, jest Twoją własnością i możesz z niego korzystać w celach osobistych, edukacyjnych lub komercyjnych, bez żadnych ograniczeń i wymagań dotyczących autorstwa.
Czy to wymaga konta?
Nie. Narzędzie jest gotowe do użycia od razu, bez rejestracji, bez e-maila i bez rejestracji. Wystarczy otworzyć stronę i rozpocząć generowanie.
Czy moje dane wejściowe są poufne?
Tak. Całe przetwarzanie odbywa się w Twojej przeglądarce. Twoje dane wejściowe i wygenerowane dane wyjściowe nigdy nie są wysyłane do żadnego serwera zewnętrznego.