CSS Text-Shadow Generator
Skapa en flerskiktat CSS text-shadow med direktförhandsvisningar för neon, präglad, 3D och konturtext.
CSS Text-Shadow Generator
Skapa en CSS text-shadow deklaration genom att justera offset, oskärpa, färg och opacitet och se värdet uppdateras medan du skriver. Verktyget monterar ett eller flera skugglager i korrekt ordning och kommaavgränsad syntax, så du kan kopiera en fungerande deklaration direkt till ditt stilmallar utan att justera siffrorna för hand.
Välj en förinställning för att gå direkt till en vanlig effekt: Neon glow staplar växande, mjukt bleknade oskärparing vid glyfen själv; präglad lägger till ett ljust höjdljus mitt emot en mörk skugga för ett stämplat, graveringsutseende; 3D skiktad upprepar en solid, osuddig färg längs offset för en stapelad blockbokstavseffekt; och kontur simulerar ett slag med åtta osuddig skuggor runt texten, eftersom text-shadow saknar en inhemsk strokegenskap. Växla till Anpassad för fullständig manuell kontroll över offset X och Y, oskärperadie, lagantal, färg och opacitet — varje lager växer från de basvärden du ställer in. Välj mellan px- och rem-enheter, och mellan en vanlig CSS-deklaration eller en Tailwind godtycklig värdeklass för projekt utan en stilmall att klistra in i.
Det genererade värdet har ingen meningsfull övre gräns för en handfull lager, men verktyget skyddar fortfarande mot gräslig utmatning som alla generatorer på denna webbplats gör, så patologisk inmatning kan aldrig frysa fliken. Varje alternativ beräknar resultatet live på kort debounde, med talen under rapportering av lagantalet och den exakta teckenlängden på deklarationen.
Allt körs lokalt i din webbläsare. Ingen färg-, offset- eller förinställningsval skickas någonstans — verktyget beräknar CSS helt på din enhet. När du är nöjd med resultatet kopierar du det, laddar ner det som en .txt-fil eller skickar utmatningen tillbaka till inmatningen för ytterligare förfining.