Animowane podkreślenie pod linkiem

Oto kod  CSS, który dodaje animowane podkreślenie do linków na stronie,  nie zły efekt by zwrócić uwagę odwiedzających!

<style type="text/css">

a:link {
   color: #C37108;
   white-space: nowrap;
   text-decoration: none;
}

a:visited {
   text-decoration: none;
   color: #C37108;
}

a:hover {
   text-decoration: none;
   background-image: url(media/animated_underline.gif);
   background-repeat: repeat-x;
   background-position: 100% 100%;
   padding-bottom: 3px;
   color: #CC9900;
}

a:active {
   text-decoration: none;
}

</style>

 

Projekt © 2009 - INFOPROG 67920 odwiedzin