The World's Fastest and Most User-friendly SEO Content Management System | Building & Branding Custom Websites that Get Results
 

Text without text-shadow:

Heading

Random text...

Text with text-shadow:

Heading

Random text... 

Add this code inside your heading or paragraph tag:

 style="text-shadow: 2px 2px 5px #000000;"

Should look like this:

<h2 style="text-shadow: 2px 2px 5px #000000;">Heading</h2>

<p style="text-shadow: 2px 2px 5px #000000;">Random text...</p>

You can adjust how the shadow is displayed by changing the px amount:

  • The first px amount determines the horizontal distance of the shadow from the text.
  • The second determines the vertical distance of the shadow from the text.
  • The third px determines the hardness of the shadow.

The last part of the code is the hex color, you can make the shadow any color by updating the hex color.

 

Building & Branding Websites that Get Results

The world's fastest and most SEO friendly website code.