Najlepsze wolne Generator cień CSS
Wizualnie zbudować box CSS z podglądem na żywo, wstawieniem i drugą warstwą - skopiować kod.
100% bezpłatny
Brak rejestracji
Brak znaku wodnego
✨
Go Pro dla najlepszych modeli AI - obraz, wideo i czat - plus większe przesyłki, priorytet w kolejce i bez czekania.
Uaktualnij do pro
Miłość Best.Free? Podziel się nim.
Jak działa
- Przesuń suwaki. Ustawia przesunięcie, rozmywanie, rozprzestrzenianie, kolor i nieprzezroczystość; włącza włączenie, jeśli chcesz wewnętrznego cienia.
- Obserwuj podgląd. Aktualizacja live box podczas przeciągania; dodaj drugą warstwę w zaawansowanych opcjach na głębię.
- Kopiuj CSS. Użyj Copy CSS i wklej zasadę cień skrzynki prosto do stylu stylu.
O tym narzędziu
Zaprojektować cień box bez zgadania wartości pixel. Przeciągnij przesunięcie odmienne-X, offset-Y, rozmyte i rozproszone suwaki, wybierz kolor cieniowy i wybierz w jego nieprzezroczystości, a następnie obejrzyj na żywo podgląd aktualizację w czasie rzeczywistym - następnie skopiuj dokładne cienie box CSS. Odwrócenie wtyczki na wewnętrzny cień. Zaawansowane opcje stoją drugą warstwę cień, tak, aby można zbudować miękkie, wielowarstwe cienie używane na nowoczesnych kart i przyciski. Wszystko działa w przeglądarce.
Po co ludzie go używają
- Dodaj miękkie cienie kropnięcia do kart i modałów
- Tworzy cień wewnętrzny (wstawiony) do wejścia i studni
- Stack dwie warstwy dla realistycznego, rozproszonego cienia
- Odsunięcie i rozmycie, aby dopasować projekt mackup
Często zadawane pytania
Odchylenie X/Y przesuwa cień poziomo i pionowo, rozmycie zmiękcza krawędzię, a rozprzestrzenianie się rośnie lub zmniejsza cały cień przed nałożeniem rozmycia. Podgląd na żywo pokazuje każdą zmianę natychmiast.
Wstawienie rysuje cień wewnątrz elementu zamiast za nim, przy czym przyciskanym wyglądem - przydatnym dla wejścia i przełącza. Przełącza się na przełącznik.
Wybierz kolor, a następnie użyj suwaka nieprzezroczystości; narzędzie wychodzi z wartości rgba(), tak aby cień miesza naturalnie.
Tak. Otwórz opcje zaawansowane, aby włączyć drugą warstwę cieńową z własnym przesunięciem, rozmazanym, kolorem i wstawieniem.
Nie. Generator działa w całości w przeglądarce; suwaki obliczają tylko struny CSS lokalnie.
Całkowicie bezpłatny, bez konta i bez ograniczeń - narzędzie klienta bez niczego do mierzenia.
Tak. Uruchamia on w przeglądarce, więc CSS Box Shadow Generator pracuje na telefonach i tabletach, jak również na pulpitie - nie ma aplikacji do instalowania.
Zazwyczaj tylko kilka sekund dla typowego pliku - CSS Box Shadow Generator zaczyna działać w momencie, gdy dasz mu swój wejście.
Nieograniczone użycie pod hojnym kapeluszkiem, który dba o szybkie utrzymanie.
Wszystkie nowoczesne przeglądarki - Chrome, Safari, Firefox i Edge. Generator CSS Box Shadow nie potrzebuje nic zainstalowanego poza przeglądarką, którą już używasz.