Mouse Hover Animate Effects Using jQuery

Jquery animation on mouseover and on mouseout with animate effects

var animSpeed = 300;
$('.btn-click-here').bind({
    mouseenter: function () {
        $(this).stop().animate({
            borderColor: '#e74c3c',
            backgroundColor: 'rgba(231,76,60, 1)'
        }, animSpeed)
    },
    mouseleave: function () {
        $(this).stop().animate({
            borderColor: '#ffffff',
            backgroundColor: 'rgba(231,76,60, 0)'
        }, animSpeed)
    }
});
DEMO
Mouse Hover Animate Effects Using jQuery Mouse Hover Animate Effects Using jQuery Reviewed by Bhaumik Patel on 8:24 AM Rating: 5