jQuery animate() Method

Last Updated Jul 21, 2015, 12:00:06 PM

jQuery animate() Method

jQuery animate() method performs custom animation effects based on css styles that are supplied to it. The required parameter for the animate method is a plain object of CSS properties.


The following is the animation example which has CSS styles like width, opacity, margin-left and etc in order to animate the div element.


In the above jQuery animate method example, when you click on the button it will animate with few effects which we specified in the css code above

Try It Now

Other Advanced jQuery Effects you might want to learn

jQuery Effects

jQuery Basic Effects

jQuery Fading Effects

jQuery Sliding Effects

jQuery Custom Effects

Sources and Credits

The content and methods in the tutorial has been referred and updated with jQuery API and The jQuery Foundation

Last Updated Jul 21, 2015, 12:00:06 PM