border color left to right animation

Posted by Juliver Galleto on Stack Overflow See other posts from Stack Overflow or by Juliver Galleto
Published on 2012-10-12T21:33:28Z Indexed on 2012/10/12 21:36 UTC
Read the original article Hit count: 140

Filed under:
|

Ok i have this code currently.

$(document).ready(function(){

$('.animation').mouseover(function(){

$(this).animate({ borderTopColor: "#000" }, 'fast');

});

});

but what im trying to achieve is to animate the bottom border color that will fade in and out from left to right. for example whenever a user is hover into this .animation, the bottom border color of that element should fade in or out, from left to right, like from this color #fff to #000.

hope someone here could figured out how to make this. thank you.

Im open in any suggestions, recommendations and suggestions.

this could be done by jquery or css3

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about css