Tekstskyggegenerator
Lag lesbare tekst-skyggestiler med direkte forhåndsvisning av typografi. Slå inn offset, uskarphet og farger, og kopier deretter CSS.
Text Shadow Generator
LiveShadow
CSS output
text-shadow: 2px 4px 12px #be185d;
Key capabilities
- Lag lesbare tekst-skyggestiler med direkte forhåndsvisning av typografi.
- Kjører i nettleseren din
- Gratis å bruke
Hvordan bruke
- Skriv inn eksempeltekst hvis du vil.
- Still inn X/Y-forskyvning, uskarphet og farge.
- Kopier tekst-skygge CSS.
How this tool works
- Skriv inn eksempeltekst hvis du vil.
- Still inn X/Y-forskyvning, uskarphet og farge.
- Kopier tekst-skygge CSS.
Recommended settings
- Bruk standardalternativene først, og juster deretter om nødvendig
Supported formats
Text / on-page input
File size and limits
- Svært komplekse forhåndsvisninger i flere lag kan føles tregere på eldre telefoner.
Privacy
Farge- og CSS-generatorer kjører utelukkende i nettleseren din. Forhåndsvisninger og konverteringer laster aldri opp stilene dine.
Common use cases
- Bruk Text Shadow Generator når du trenger det: Lag lesbare tekst-skyggestiler med live typografi-forhåndsvisning.
Troubleshooting
Forhåndsvisning ser annerledes ut etter innliming
Se etter konkurrerende CSS på siden din (tilbakestillinger, arvede farger). Kopier den genererte regelen inn i et isolert stilark først.
FAQ
Laster dette opp min CSS?
Nei. Generatorer og omformere kjører i nettleseren din med live forhåndsvisning.
Trenger jeg en konto?
Nei. Åpne verktøyet, juster kontroller og kopier CSS.
Relaterte verktøy
Box Shadow Generator
Design layered box-shadows with offset, blur, spread, and color — live preview included.
Open toolCSS Gradient Generator
Build linear, radial, and conic gradients with live preview and copy-ready CSS.
Open toolColor Contrast Checker
Check foreground/background contrast against WCAG AA and AAA guidelines.
Open tool