Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Browser support for text-shadow spread value

Seen discussions here but it has been 2 years!

I don't know if I'm using this right but I have the following sass/compass code:

+text-shadow(red 0 3px 0 3px)

Generating the following css:

text-shadow: red 0 3px 3px, red 0 3px 0 3px;
text-shadow: red 0 3px 0 3px, red 0 3px 0 3px;

Which not works in neither Chrome/Safari/Firefox/Opera.

Is this something with the declaration or this spread feature was really removed from specs?

like image 522
Alvaro Lourenço Avatar asked Dec 03 '22 00:12

Alvaro Lourenço


1 Answers

It's not ideal, but since text-shadow accepts a comma separated list of values, you can "stack" text-shadows on top of each other to get a more opaque outcome.

text-shadow: 0 0 1px white, 0 0 2px white, 0 0 3px white;
like image 160
Andy Ford Avatar answered Dec 26 '22 12:12

Andy Ford