CSS Text Shadow Generator
Generera CSS text-shadow-effekter visuellt med liveförhandsvisning. Justera förskjutningar, oskärpa, färg och opacitet. Lägg till flera skugglager. Kopiera CSS-kod. Gratis onlineverktyg.
Förhandsvisning
CSS-utdata
Referens
Vad är CSS text-shadow?
CSS-egenskapen text-shadow lägger till skuggeffekter på text. Liksom box-shadow kan du lägga till flera skuggor genom att separera dem med kommatecken för att skapa djup- och glödeffekter.
text-shadow-syntax
text-shadow: offset-x offset-y blur-radius color;
Till skillnad från box-shadow stöder text-shadow inte värdena spread eller inset.
Designtips
Subtila skuggor (1-2px förskjutning, låg opacitet) ger djup utan att vara distraherande. Glödeffekter använder 0 förskjutning med hög oskärpa och en ljus färg. Flera lager kan skapa neon-, retro- eller 3D-texteffekter.
Integritet
All textskugga-generering körs 100 % i din webbläsare. Ingen data skickas till någon server.