Add Shadow Effect Text Effects in your Website or Blog

After you learn on how to Add a custom fonts on your Website the next thing you might want to learn is adding effects on your text.

This Text effects CSS Styling is more light size than having an image with text effect embedded or uploaded in your site as a logo or a special heading.

You can view the official post in W3.org on How to make CSS Text Shadow Styling or you can go to this Cool Text Shadows Post.

To add it in your Blogger Site, just Go to Blogger Template Designer > Advance > Add CSS and target your desire HTML Tag.

For Example:
  

COOL TEXT EFFECTS TO YOUR BLOG

Add This code to target your Site Title

h1 {font-size: 30px; text-shadow: 2px 2px 0px #eee, 3px 3px 0px #707070;}

Of Course, change the values of your desired effects.

Make your title in 3d Effects

3D Effects

CODE

h1 {color: #c1d6ff; font-size: 30px; text-shadow: 0px 1px 0px #b6ceff, 0px 2px 0px #99bbff, 0px 3px 0px #4381fc,0px 4px 0px #377aff, 0px 5px 0px #216bfe, 0px 6px 0px #0f5fff, 0px 5px 0px #014de5, 0px 6px 0px #002672, 0px 7px 2px #00133a;}