jQuery Intro

jQuery Intro Quiz

jQuery Intro Exercise

jQuery Basic

jQuery Basic Quiz

jQuery Basic Exercise

jQuery Advance

jQuery Advance Quiz

jQuery Advance Exercise

jQuery Selectors

jQuery Effects

jQuery Events

jQuery Methods and Properties

jQuery Traversing

jQuery CSS and HTML Methods

jQuery animate() Method

jQuery animate() Method



The animate() method is used to perform a custom animation on a set of CSS properties. It is used to change the element from one state to another by using CSS styles. In this, the CSS property value changed gradually with an animated effect.




Its syntax is:- (selector).animate({styles}, speed, easing, callback);


Further Explanation:-


Parameter Description
styles Required. Specifies one or more CSS properties/values to animate. THe property name must be written in came-cased.
speed Optional. Specifies the speed of the animation. Default value is 400 milliseconds
easing Optional. Specifies the speed of the element in different points of the animation. Default is swing
callback Optional. A function to be executed after the animation completes.

Code Explanation

All Tutorials related to jQuery Effects

All Sections related to Jquery