Text Hover Effect with Shadow

We know what is link hover. So, text hover is almost same with link hover. The difference only, if link hover has a web address, but if text hover doesn't have a web address. Actually the trick of Text Hover Effect with Shadow is very simple. Try to put your mouse on the text below.

Full Blog Tricks provides many blogger tricks, blogger hacks, and blogger widgets. We also give you many SEO tips to increase your blog performance in Search Engine.

To make this text hover, you just need the script below.
<style type="text/css">
#rachmath:hover .rachma, #rachmath.hover_effect .rachma {text-shadow: 0 0 10px #000}
</style>
<div id="rachmath">
<div class="rachma" id="rachmath">
WRITE YOUR TEXT HERE
</div>
</div>
Customize :
#000 is the color of the shadow, you can change the color.
WRITE YOUR TEXT HERE is the place where you can put your text

Finish! Simple right?

Arsip Blog