Rainbow Drop Shadow

This is for adding a pretty rainbow drop shadow to your text! In this example, I use it on a <h1></h1> tag!

Example

The HTML

I use this on a H1 tag, but you could easily change it to a div .class or #id 🙂

<h1>
🌈Hi, Friend!✨
</h1>

 

The CSS

Put into the <HEAD> </HEAD> of your document

<style>
h1{
  text-align: center;
  font-family: sans-serif;
  font-size: 72px;
    font-family: 'Tahoma', sans-serif;
    font-weight: bold;
  font-variant: small-caps;
  text-shadow: 
        -2px -4px 2px #fa8085,
    -2px -8px 2px #fd9d7c,
    -2px -12px 2px #fbd97d,
    -2px -16px 2px #a3d963,
    -2px -20px 2px #2ec7d6,
    -2px -24px 2px #9c70cc;
    -2px -28px 2px #fd7ab0;
}
</style>