Link animation effect on hover - css3
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

Id like to get something like this http://www.nitinh.com/static/hyperlink/index.html ideally with css3, if we need to use js, we can assume jquery is loaded. Ideally this can look for a specific class on any tag on a page that want to select

awarded to Wikimedia via Mallux
Tags
css3

Crowdsource coding tasks.

3 Solutions


Dear sir!
This is my solution http://jsfiddle.net/balack/Lz2L4/3/

Frameworks & Extensions: Mootools 1.2.6

Class css apply for effect: .link
ex:
< a class="link" href='#' >Go back to the Related Post< /a >

< li >< a class="link" href="http://opencarttricks.com" >Opencart Tricks< /a >< /li >

Thanks

This is so cool -- reminds me of the Knight Rider! GJ
alixaxel over 4 years ago

Here is the second solution using CSS 3
http://jsfiddle.net/2zuHh/

Winning solution

A simple CSS solution, using transition and different background positioning (no images):

http://jsfiddle.net/uhkbP/

View Timeline