Link Hover Underline Animated

We usually encounter is the effect of the link decoration underline text decoration in link underlined when the mouse highlight. Tutorial freebies this time modified by adding animation.
Link Hover Underline Animated

The code of link hover underline animated:

a:hover {
text-decoration: none;
background-image: url(http://freecodesource.com/myspace-graphics/images_db/686/prod_604_16155.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
padding-bottom: 3px;
color: #CC9900;
}

Replace it with a: hover in your template, and save it. Url of the image can be replaced as desired.