Advanced Search

Return to Snippet

Revision: 15315
at June 30, 2009 12:55 by webdevelopertut
Initial Code 
Here is a simple way to give shadow to a text using css.

HTML:
<div id="wrapper">
<span class="firstlayer">Text with shadow using CSS</span>
<span class="secondlayer">Text with shadow using CSS</span>
</div>

CSS:
.firstlayer {
font-size: 18px;
font-weight: bold;
color: #aa0000;
position: absolute;
top: 120px;
left: 20px;
z-index: 1;
}
.secondlayer {
font-size: 18px;
font-weight: bold;
color: #aaa;
position: absolute;
top: 122px;
left: 22px;
z-index: 0;
}
Initial URL 
http://htmlcsstutorials.blogspot.com/2009/06/how-to-give-text-shadow-using-css.html
Initial Description 

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
How to give text shadow using css

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css, text

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS