CSS Generator - Text Shadow

       
save | reset
Code

Border

px
 


Border Radius

px
 

px
px
px
px

Box Shadow

 

Add more [+]

Background








%

%
px

px

Text Shadow

 

Add more [+]

Gradient

px px
% %



Add Stopper [+]

Transform





 



Transition


Animation

 

Image Filter

text-shadow property use for display one or more shadows to text. Shadow can only be outside of the text element. Basic syntex of text shadow is following:
text-shadow:<x-position> <y-position> <fade> <color>;
Supplied arguments are -
1) X position
2) Y position
3) fade - blur distance
4) color of the shadow

You can set multiple shadows to single HTML element by using comma seprate properties.
text-shadow:0px 0px 50px #ff0000, 10px 10px 45px #00ff00;

resources