Description:

Jquery animation() method provide the custom animation with set of CSS properties.

Syntax

.animate( properties[duration ] [easing ] [complete ] ).animate( properties, options )

Ex :

params params parameter defines the CSS properties to be animated.
Duration/speed  It specifies the speed of the fadein. The valuse may be slow, fast and milliseconds. (default value: 400). Duration are given in milliseconds and higher values indicate slower animations, not faster ones.
Easing It specifies the easing function to be used for transition (default value: swing).
Callback A function to call once the animation is complete.

 

Example:

Output:

On Click of “Click to start animation” button, the “divpanelBox” started to append (css stlyle) the new height & width for the same and started to increasing the size of the div as shown below.

dotnethelpers-jquery-animate-effect-thiyagu