How to add shadow to text | Using CSS

We can use the text-shadow property to add drop shadow to text,Aadditionally CSS also provides the box-shadow property which can de used set drop shadows to any element.

Text Shadow using CSS
Text Shadow using CSS

Here is an example on how text-shadow property works:

HTML Code:

<h1 id="withoutShadow">I Love CSS</h2>
<h1 id="withShadow">I Love CSS</h2>

CSS Code:

#withShadow{ text-shadow: 4px 4px 4px #666;}


  1. This thing I love in among most of the designs, but it fails to work in IE 8 or below. :(

    1. yep you're right IE has poor support for shadow effects


Post a Comment

Thanks for Visiting for any questions or suggestions please comment below

Popular posts from this blog

Advanced Jquery easing | Demo and Download