CSS Text Shadow Generator
Generer CSS text-shadow-effekter visuelt med live forhåndsvisning. Juster forskyvninger, uskarphet, farge og gjennomsiktighet. Legg til flere skyggelag. Kopier CSS-kode. Gratis nettverktøy.
Forhåndsvisning
CSS-utdata
Referanse
Hva er CSS text-shadow?
CSS-egenskapen text-shadow legger til skyggeeffekter på tekst. Som box-shadow kan du legge til flere skygger ved å skille dem med komma for å skape dybde- og glødeeffekter.
text-shadow-syntaks
text-shadow: offset-x offset-y blur-radius color;
I motsetning til box-shadow støtter ikke text-shadow verdiene spread eller inset.
Designtips
Subtile skygger (1-2px forskyvning, lav gjennomsiktighet) legger til dybde uten å være distraherende. Glødeeffekter bruker 0 forskyvning med høy uskarphet og en lys farge. Flere lag kan skape neon-, retro- eller 3D-teksteffekter.
Personvern
All tekstskygge-generering kjøres 100 % i nettleseren din. Ingen data sendes til noen server.