This property accepts a comma-separated list of shadow effects to be applied to the text of the element. The shadow effects are applied in the order specified and may thus overlay each other, but they will never overlay the text itself.

Shadow effects do not alter the size of a box, but may extend beyond its boundaries. The stack level of the shadow effects is the same as for the element itself.

none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inherit

h1 { text-shadow: 0.2em 0.2em }

h2 { text-shadow: 3px 3px 5px red }

h2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }