[CSS] Text shadow not showing up. (maybe it's a vampire?)

Niekitty

Just a quick question. I have a segment of my story that is supposed to be a glance back in time. I wanted to give it kind of a redshift effect with a drop shadow.

.echo {
color: #ffb366;
text-shadow: 1px 1px 2px black, 0 0 16 red. -1px -1px 32 blue;
}

The text color works fine, but the text shadow is doing absolutely nothing. I have tried multiple variations, but even the most simple black shadow does not show up on anything within the Span.

greyelf

You have a couple of syntax errors in your example:

1. The 16 and 32 values are missing a unit. (px)
2. The delimiter between the 2nd and 3rd set of values should be a coma but you have a full-stop.

Corrected CSS:

.echo {
	color: #ffb366;
	text-shadow: 1px 1px 2px black, 0 0 16px red, -1px -1px 32px blue;
}

... Test markup

@

Niekitty

*Facepalm*
Thank you, Greyelf!


...I'm going to go dopesmack myself now...