»
EnglishFrenchVietnamese

Print - GIF animated with CSS underlines for links - JavaScriptBank.com

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

GIF animated with CSS underlines for links © JavaScriptBank.comThis 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



CSS
<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>


HTML
<a href="http://javascriptbank.com">Sampled by JavaScriptBank.com</a>


Files
/javascript/css/GIF_animated_with_CSS_underlines_for_links/animated_underline.gif