Powrót do Narzędzi

CSS Shadow Generator

Design box-shadow CSS with live preview and presets

100% DarmoweDziała w przeglądarceBez rejestracji

O tym narzedziu

Stwórz idealny CSS box-shadow za pomocą wizualnego edytora. Zacznij od presetów Material Design, Soft UI lub neumorfizmu, lub zbuduj własny od zera. Nakładaj wiele warstw cieni, dostosuj przesunięcie, rozmycie, rozproszenie i kolor, i oglądaj zmiany w czasie rzeczywistym. Skopiuj CSS jednym kliknięciem do makiet aukimi Inkwell lub stron internetowych. Czesc aukimi Inkwell.

Funkcje

  • Presety Material, Soft UI i niestandardowe
  • Wiele warstw cieni
  • Regulowane przesunięcie, rozmycie, rozproszenie i kolor
  • Podgląd na żywo na konfigurowalnych kształtach
  • Kopiuj CSS jednym kliknięciem

Przypadki uzycia

Style cieni dla kart i paneliProjektowanie UI w stylu neumorfizmuPrototypowanie systemów wysokości

Udostępnij to narzędzie

Pomóż innym je odkryć

Utwórz darmowe konto, aby usunąć znaki wodne

Zapisz swoją pracę, uzyskaj dostęp do pełnego pakietu kreatywnego i eksportuj bez znaków wodnych.

Sign Up Free

Potrzebujesz więcej?

Wypróbuj aukimi Inkwell

Profesjonalna edycja bitmap z warstwami, maskami, filtrami i pełnym wsparciem tabletu.

Często zadawane pytania

Czy CSS Shadow Generator jest naprawdę darmowy?

Tak, 100% za darmo bez ukrytych opłat. Możesz go używać ile razy chcesz, bezpośrednio w przeglądarce.

Czy muszę zakładać konto?

Nie jest wymagane konto. Jednak darmowe konto aukimi usuwa znaki wodne i pozwala zapisywać pracę.

Czy moje dane są bezpieczne?

Tak. Całe przetwarzanie odbywa się lokalnie w Twojej przeglądarce. Twoje pliki nigdy nie są przesyłane na nasze serwery.

Czy mogę używać wyników do projektów komercyjnych?

Oczywiście. Wszystko, co tworzysz za pomocą naszych darmowych narzędzi, należy do Ciebie, również do celów komercyjnych.