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