CODEWITHSUNDEEP
javascriptjquerycss
Samuel Ramzan
Samuel Ramzan

Reputation: 1856

Cant get animation to ease

I'm trying to animate an inner Div object... but I can't get easing to work..

Here is the fiddle:

$(".trigger").hover(function(){
$(".content").animate(
            { left: 0 }, {
                duration: 'slow',
                easing: 'easeOutBounce'
            });
});

http://jsfiddle.net/auvitijuana/a2cuL4mf/13/

I know everything is OK, but there is something I'm missing.

Upvotes: 0

Views: 58

Answers (2)

Eskinder
Eskinder

Reputation: 1409

You don't need javaScript to animate Use CSS instead it's better performance wise

.trigger
{
    transition: all 0.75s ease-in-out;
}

.trigger:hover
{
    background-color:red;
}

Upvotes: 0

Człowiek Fin Śpiewak
Człowiek Fin Śpiewak

Reputation: 259

You have to add jQuery.easing plugin. http://gsgd.co.uk/sandbox/jquery/easing/

Upvotes: 1

Related Questions