Add more than one shadow to a text with CSS

Add the comma-separated list of shadows to add more than one shadow, with the text-shadow property. You can try to run the following to learn how to add multiple shadows in a single line


Live Demo

<!DOCTYPE html>
         h1 {
            text-shadow: 0 0 3px red, 0 0 4px green, 0 0 5px blue;
      <h1>Heading One</h1>
      <p>Above heading has multiple text shadow effects.</p>