Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make a thicker text shadow using css?

Tags:

css

I want to achieve this text style like so:

enter image description here

I want to wrap the text with color white like the image above I tried using

   text-shadow: 0px 0px 5px #fff;

but it turns out that the shadow will get blurry. Is there any chance that I can do it using css (if so how)? or should I just convert it into image?

like image 371
leonardeveloper Avatar asked Dec 05 '22 01:12

leonardeveloper


1 Answers

You can simulate it, doing like this:

CSS

span{
  text-shadow: 2px 2px 0px  #fff, -2px -2px 0px  #fff, 2px -2px 0px  #fff, -2px 2px 0px  #fff;
}

DEMO HERE

like image 136
Luís P. A. Avatar answered Jan 14 '23 13:01

Luís P. A.