CSS Generator - Text Shadow

       
save | reset
Code

Border

px
 


Border Radius

px
 

px
px
px
px

Box Shadow

 

Add more [+]

Background




keyword  
% (percent)  
px (pixel)

%
%
px
px

Text Shadow

 

Add more [+]

Gradient

px px
% %



Add Stopper [+]

Transform





 



Transition


Image Filter

Animation

 


function

CSS Text Shadow Generator

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;


comments powered by Disqus