From the course: jQuery for Web Designers
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Easing
- In this movie we're going to talk about easing. When you start playing with animation either in jQuery or in JavaScript or with CSS you're bound to run into the term easing. What easing means is a mathematical function that determines the way an animation progresses from beginning to end. Basically its speed over the course of its whole timeline. So in jQuery there are two easing functions built in. Now you'll notice when I click this button these just sort of move along. I don't see anything too special happening here. The built in easing function that all animation in jQuery uses by default is called Swing. And the way you would specify that if you were to do it manually in your animation function for example, would be to pass it in as an argument after the duration. You could just say swing here. Now as I mentioned there are two built in. The other one is called Linear. Swing moves on a sort of S curve where it starts out, gets a little faster in the middle, and gets a little bit…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.