How to increase the thickness of a text-shadow

4

Is it possible to increase the thickness of a text-shadow ?

Look at this EXAMPLE in JSFiddle

It's just like I have not put a text-shadow , it's invisible.

    
asked by anonymous 14.05.2014 / 19:30

1 answer

5

Two suggestions for solving the problem:

  • Use a better contrast. The white shadow diffuses into the blue from behind and is not very noticeable;

  • Use multiple shadows . The shadows via CSS for text are really small, and when you increase the radius of the softening, they become so faint that it becomes increasingly difficult to see them. Fortunately, shadow syntax allows for multiple shadows per element by simply separating shadows with commas.

Try using:

text-shadow: 0 0 30px #FFF, 0 0 30px #FFF, 0 0 30px #FFF, 0 0 30px #FFF, 0 0 30px #FFF, 0 0 30px #FFF, 0 0 30px #FFF;

On your Fiddle. You can also vary the offsets of each shadow to get interesting effects;)

    
14.05.2014 / 19:50