Post
Ask Question

Backgrounds and Text Shadow Property of CSS3

Backgrounds Property

 
CSS3 allows us to use the multiple background facility. Here is the example:
 
background-image:url(img_pic1.gif),url(img_pic2.gif);
  1. <html>  
  2.     <head>  
  3.         <style type="text/css">   
  4.             body  
  5.             {  
  6.             background-image:url(img_one.gif),url(img_two.gif);  
  7.             }  
  8.         </style>  
  9.     </head>  
  10.     <body></body>  
  11. </html> 

Text Shadow Property

 
The text-shadow property applies shadow to text.Here we specify the horizontal shadow (5px), the vertical shadow (5px), the blur distance (6px), and the color of the shadow:
  1. <html>  
  2. <head>  
  3.     <style type="text/css">  
  4.          h1  
  5.         {  
  6.             text-shadow: 5px 5px 6px #800080;  
  7.         }  
  8.      </style>  
  9. </head>  
  10. <body>  
  11.     <h1>  
  12.         Mahak Gupta</h1>  
  13. </body>  
  14. </html> 
Next Recommended Reading Twitter Style(glow) Textbox Using Css3 new features box-shadow