CSS Text-Shadow Generator
Bouw een gelaagde CSS-tekstschaduw met live voorinstellingen voor neon-, gegraveerde, 3D- en contourentekst.
CSS Text-Shadow Generator
Bouw een CSS text-shadow declaratie door offset, vervaging, kleur en doorzichtigheid aan te passen en de waarde in real-time bij te werken terwijl u typt. De tool assembleert een of meer schaduwlagen in de juiste volgorde en kommagescheiden syntax, zodat u een werkende declaratie rechtstreeks in uw stylesheet kunt kopiëren zonder handmatig aan de getallen te sleutelen.
Kies een voorinstelling om direct naar een veelgebruikt effect te gaan: Neon glow stapelt groeiende, zachtjes verblindende vervagingsringen bij de glyph zelf; gegraveerd voegt een lichte glans toe tegenover een donkere schaduw voor een gestempeld, gegraveerd uiterlijk; 3D gelaagd herhaalt een massieve, onvervagde kleur langs de offset voor een gestapeld bloklettereffect; en contour nept een slag met acht onvervagde schaduwen rond de tekst, omdat text-shadow geen native stroke-eigenschap heeft. Schakel naar Aangepast voor volledige handmatige controle over offset X en Y, vervagingsstraal, aantal lagen, kleur en doorzichtigheid — elke laag groeit uit de basiswaarden die u instelt. Kies tussen px- en rem-eenheden, en tussen een gewone CSS-declaratie of een Tailwind-willekeurige-waardeklasse voor projecten zonder een stylesheet om in te plakken.
De gegenereerde waarde heeft geen betekenisvolle bovengrens voor een handvol lagen, maar de tool beschermt zich nog steeds tegen ongebreidelde output zoals elke generator op deze site, dus invoer kan de tab nooit bevriezen. Elke optie berekent het resultaat live opnieuw met korte debounde, met de tally eronder melding van het aantal lagen en de exacte tekenlengte van de declaratie.
Alles draait lokaal in uw browser. Geen kleur-, offset- of voorinstellingskeuze wordt ooit ergens verzonden — de tool berekent de CSS volledig op uw apparaat. Wanneer u tevreden bent met het resultaat, kopieert u het, downloadt u het als een .txt-bestand, of stuurt u de uitvoer terug naar de invoer voor verdere verfijning.