Animation underlining

Very few people knows, that by means of tables of cascade styles of underlining{emphasis} under links it is possible to make animation.

Actually to set in parameters animation underlining{emphasis} it is not obviously possible, but as a background of the link it is quite possible to set an animation picture:

<style>

a.sym:link {

text-decoration: none;

font-size: 11px;

font-family: verdana

}

a.sym:hover {

text-decoration: none;

background-image: url (line.gif);

background-repeat: repeat-x;

background-position: 100 % of 100 %;

padding-bottom: 2px

}

a.sym:active {text-decoration: none}

a.sym:visited {text-decoration: none}

</style>

We have defined{determined} a class of links sym. Thus by default all links of this class have no underlining{emphasis} (text-decoration: none). At prompting on the link, she receives a background picture (background-image: url (line.gif)) which is displayed in a necessary position (background-position: 100 % of 100 %, in our case under the link).

As an animation background the small gif-picture is set.

In result all links of a class sym will have animation underlining{emphasis}.

<a href = " class=sym> the link Is animation, guide on me! </a>