Monday, 20 August 2012

CSS -Creating Text Shadow

Hi Everyone!!

                      Well here is a very simple method to add charm to the text displayed on your webpage, by adding the shadow effect. It will look like following snapshot.





The css class is as follows:

.shadow
  {
  text-shadow: 0.1em 0.1em 0.2em black
  }


The body content may be as follows:


<body align=center>
  <h3 class="shadow"><font color=#F6CECE size=6>Hello Everyone!!</h3>
 </body>

   
    Add this class to any of your texts and it becomes more visible and readable. The first three quantities mention the offset while the forth one mentions the colour of the shadow.
                                Experiment with these as you like to create wonderful effects!!...Hope this post was helpful... Stay tuned for more posts!

No comments:

Post a Comment