Normale tekstschaduw:
p ( text-shadow: 1px 1px 1px #000; )Meerdere schaduwen:
p ( text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; )De eerste twee waarden specificeren de lengte van de schaduwoffset. De eerste waarde geeft de horizontale afstand aan en de tweede geeft de verticale afstand van de schaduw aan. De derde waarde geeft de vervagingsradius aan en de laatste waarde beschrijft de kleur van de schaduw:
1. waarde = de X-coördinaat
2. waarde = de Y-coördinaat
3. waarde = de vervagingsradius
4. waarde = de kleur van de schaduw
Als u positieve getallen gebruikt als de eerste twee waarden, wordt de schaduw rechts van de tekst horizontaal geplaatst (eerste waarde) en wordt de schaduw verticaal onder de tekst geplaatst (tweede waarde).
De derde waarde, de vervagingsradius, is een optionele waarde die kan worden gespecificeerd, maar dat hoeft niet. Het is het aantal pixels dat de tekst wordt uitgerekt, wat een wazig effect veroorzaakt. Als u de derde waarde niet gebruikt, wordt deze behandeld alsof u een vervagingsstraal van nul hebt opgegeven.
Onthoud ook dat u RGBA-waarden voor de kleur kunt gebruiken, bijvoorbeeld een 40% transparantie van wit:
p ( text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); )