Text shadow effects with CSS

by danielkwood

HTML

<html>
  <head>
    <title>Text shadow effects</title>
    <link rel="stylesheet" href="theme.css"/>
  </head>
    
  <body>
    <p>This text has a shadow effect</p>
  </body>
</html>

CSS

p{
    font-family: Arial;
    color: blue;
    text-shadow: 3px 3px 5px purple;
}