Generator CSS text-shadow
Utwórz warstwowy CSS text-shadow z na żywo presetami dla neonowego, wytłoczanego, 3D i konturaowego tekstu.
Generator CSS text-shadow
Utwórz deklarację CSS text-shadow, dostosowując przesunięcie, rozmycie, kolor i nieprzezroczystość, a narzędzie aktualizuje wartość w czasie rzeczywistym. Narzędzie montuje jedną lub więcej warstw cienia w poprawnej kolejności i składni oddzielonej przecinkami, umożliwiając skopiowanie działającej deklaracji bezpośrednio do arkusza stylów bez ręcznego dostrojenia liczb.
Wybierz ustawienie wstępne i przejdź bezpośrednio do wspólnego efektu: neonowy blask ustawia rosnące, delikatnie zanikające rozmazane pierścienie w samym glyfie; wytłoczony tekst dodaje jasny punkt pod ciemnym cieniem dla wybijanego, grawerowanego wyglądu; 3D warstwowe powtarza solidny, nierozmazany kolor wzdłuż przesunięcia dla efektu ułożonego pisma blokowego; a kontur podrabia pociągnięcie za pomocą ośmiu nierozmazanych cieni wokół tekstu, ponieważ text-shadow nie ma własnej właściwości rozprzestrzeniania. Przełącz z powrotem na Niestandardowy, aby uzyskać pełną ręczną kontrolę nad przesunięciem X i Y, promieniem rozmycia, liczbą warstw, kolorem i nieprzezroczystością – każda warstwa rośnie z wartości podstawowych, które ustawiasz. Wybierz między jednostkami px i rem oraz między zwykłą deklaracją CSS a klasą o arbitralnej wartości Tailwind dla projektów bez arkusza stylów.
Generated wartość nie ma sensownego górnego limitu rozmiaru dla kilku warstw, ale narzędzie nadal chroni przed niekontrolowanym wyjściem w taki sam sposób jak każdy generator na tej stronie, więc patologiczne dane wejściowe nigdy nie mogą zamorożyć karty. Każda opcja przelicza wynik w czasie rzeczywistym z krótkim opóźnieniem, a licznik poniżej raportuje liczbę warstw i dokładną długość znaku deklaracji.
Wszystko działa lokalnie w Twojej przeglądarce. Żaden wybór koloru, przesunięcia ani presetów nie jest nigdy nigdzie wysyłany – narzędzie oblicza CSS całkowicie na Twoim urządzeniu. Gdy jesteś zadowolony z wyniku, skopiuj go, pobierz jako plik .txt lub wyślij wynik z powrotem na wejście, aby go dalej ulepszać.