Post
Ask Question

Text-Shadow Effects in CSS3

Text-Shadow Effects in CSS3

 
Here we specify the Text Shadow Effects in CSS3. 
  1. <html>  
  2.   
  3.    <head>  
  4.       <style type="text/css">  
  5.       h1   
  6.       {  
  7.          text-shadow: 2px 3px 3px #FF00FF;  
  8.       }  
  9.       </style>  
  10.    </head>  
  11.   
  12.    <body>  
  13.       <h1>My Name is Mahak</h1>  
  14.    </body>  
  15.   
  16. </html> 
text-shadow: 2px 3px 3px #FF00FF;
 
Here we specify the horizontal shadow, the vertical shadow, the blur distance, and the color of the shadow.
 
12345.png