Grow your CSS skills. Land your dream job.

Jumpy jQuery Animations

  • # March 28, 2013 at 3:01 pm

    I’m not much of a javascript wiz, but I can’t figure out why my animations are so jumpy on my portfolio site . If you hover over my work examples on the homepage, you will see. It seems that no matter what type of animation I use (whether I’m using the delay() function or not) the hover effect is very jumpy. I’d really appreciate any advice.

    # March 28, 2013 at 3:41 pm

    Instead of using jQuery’s `animate()`, you could try just applying classes and use CSS3′s `transition`. You might get a much better effect.

    # March 28, 2013 at 3:55 pm

    Thanks @TheDoc, I should have went one way or another with it…pure CSS or pure jQuery. I guess I’m not too worried about IE8 and below. But, I have seen a lot of smooth jQuery animations and have created some that aren’t jumpy like this, on other sites. I wonder if it has anything to do with my code.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".