Text-Shadow Effects in CSS3

Here we specify the Text Shadow Effects in CSS3.
  1. <html>
  3. <head>
  4. <style type="text/css">
  5. h1
  6. {
  7. text-shadow: 2px 3px 3px #FF00FF;
  8. }
  9. </style>
  10. </head>
  12. <body>
  13. <h1>My Name is Mahak</h1>
  14. </body>
  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