Text-shadow-generator
Stel meerlaagse tekstschaduwen samen met live voorvertoning en kopieerklare CSS.
- Direct
- Gratis
- Privé (lokaal verwerkt)
- Zonder registratie
Tekstschaduwen op maat
Stel verschuiving, vervaging, kleur en dekking in, voeg een tweede laag toe en krijg de text-shadow-eigenschap met live voorvertoning op de tekst.
-
Stel laag 1 in
X, Y, vervaging, kleur, dekking.
-
Schakel laag 2 in
Voor een omtrek of gloed.
-
Kopieer de CSS
Eén eigenschap, klaar om te plakken.
Anatomie van de eigenschap
| Deel | Voorbeeld | Rol |
|---|---|---|
| Verschuiving X | 2px | Horizontaal (negatief = links) |
| Verschuiving Y | 2px | Verticaal (negatief = boven) |
| Vervaging | 4px | Schaduwspreiding |
| Kleur | rgba(124, 58, 237, 0.5) | Tint en dekking |
Standaardlaag: text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.5);. Voorvertoning en berekening 100% lokaal.
Veelgestelde vragen
Hoe werkt text-shadow?
De eigenschap neemt op volgorde: horizontale verschuiving X, verticale verschuiving Y, vervagingsstraal, dan de kleur. Voorbeeld: text-shadow: 2px 2px 4px rgba(124, 58, 237, 0.5). Negatieve waarden verschuiven naar links/boven.
Kun je meerdere schaduwen stapelen?
Ja, gescheiden door komma’s. Deze tool biedt twee lagen: de eerste tekent de hoofdschaduw, de tweede (optioneel) voegt een omtrek of gloed in een andere kleur toe.
Hoe maak ik een gloed-effect (glow)?
Zet X en Y op 0, verhoog de vervaging en kies een felle kleur met goede dekking. Het licht verspreidt zich gelijkmatig rond de tekst. Dupliceer de laag om te versterken.
Schaadt de schaduw de leesbaarheid?
Een te sterke schaduw kan hinderen. Voor lopende tekst: lichte vervaging en matige dekking; bewaar uitgesproken effecten voor grote koppen. De voorvertoning helpt bij het beoordelen.