Full version: jsB@nk » CSS » GIF animated with CSS underlines for links
URL: https://www.javascriptbank.com/gif-animated-with-css-underlines-for-links.html
This simple CSS code use hover
property to underline links when user move mouse over them, a simple technique but it is very prevalent to highlight links on web pages at present. However, the special thing of this code is the picture used, it is the GIF animated - moving arrows, quite funny - one of backgrounds animated javascript codes. Maybe this code will be useful if your site relates to cartoon, joke,... A good technique for attracting attention of visitors on links with animated gif maker.
Full version: jsB@nk » CSS » GIF animated with CSS underlines for links
URL: https://www.javascriptbank.com/gif-animated-with-css-underlines-for-links.html
<style type="text/css">/*Credits: Kieren Hardinghttp://b0g.biz/*/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(animated_underline.gif);background-repeat: repeat-x;background-position: 100% 100%;padding-bottom: 3px;color: #CC9900;}a:active {text-decoration: none;}</style>
<a href="http://javascriptbank.com">Sampled by JavaScriptBank.com</a>
/javascript/css/GIF_animated_with_CSS_underlines_for_links/animated_underline.gif