Анимационное подчеркивание
На самом деле задать в параметрах именно анимационное подчеркивание не представляется возможным, зато в качестве фона ссылки вполне можно задать анимационную картинку:
<style></p>
<p>a.sym:link {<br />
text-decoration: none;<br />
font-size: 11px;<br />
font-family: verdana<br />
}</p>
<p>a.sym:hover {<br />
text-decoration: none;<br />
background-image: url(line.gif);<br />
background-repeat: repeat-x;<br />
background-position: 100% 100%;<br />
padding-bottom: 2px<br />
}</p>
<p>a.sym:active { text-decoration: none }<br />
a.sym:visited { text-decoration: none }</p>
<p></style>
Мы определили класс ссылок sym. При этом по умолчанию все ссылки этого класса не имеют подчеркивание (text-decoration: none). При наведении на ссылку, она получает фоновую картинку (background-image: url(line.gif)), которая отображается в необходимой позиции (background-position: 100% 100%, в нашем случае под ссылкой).
В качестве анимационного фона задается небольшая gif-картинка.
В результате все ссылки класса sym будут иметь анимационное подчеркивание.
<a href='' class=sym>Анимационна ссылка, наведи на меня!</a>
Css Дизайнер (designer)