From the course: jQuery Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Custom animations

Custom animations - jQuery Tutorial

From the course: jQuery Essential Training

Start my 1-month free trial

Custom animations

- So far we've been looking at the animation and effects functions that jQuery provides out of the box. You can do quite a bit with these functions, but there may come a point where you'll want to combine various animations together to build an effect that goes beyond the basics. In addition to the pre-built animation functions that jQuery gives you, there's a low level animate function that you can use to create custom animation for a wide variety of properties on page elements. Generally speaking, CSS properties that use numeric values can be animated, so for example, you can animate things like width or height or border thickness. You can't animate say, the font family. The animate function is pretty powerful and has a lot of options, so it's beyond the scope of this video to go deeply into all of them. I'm going to focus on the core concepts of using the function, and then you can take some time to experiment with it some more. There are two ways to call the animate function. The…

Contents