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>

|