What happened with my text shadows in Google Chrome? What happened with my text shadows in Google Chrome? google-chrome google-chrome

What happened with my text shadows in Google Chrome?


If you're looking for semi-transparent shadows, you could try using rgba values instead of hex values. So it'd be:

h1 { text-shadow: 1px 1px 1px rgba(0,0,0,.20); }

where the first three numbers are the RBG value (Red, Green, Blue) and the fourth number is the opacity (from 0 to 1). So the above example is black at a 20% opacity.

Also, the strange shadow weight seems to be coming from the blur value on the text-shadow. When I change it to 1px 1px 0 it gives a more even shadow than 0px 1px 1px. No idea why.