The .animate() method allows us to create animation effects on any numeric CSS property. The only required parameter is a map of CSS properties similar to the one that can be sent to the .css() method. Use += or -= for relative animations.
Syntax
Styles
The styles listed in the following table use the DOM naming convention, not CSS. For example note that paddingLeft is not padding-left.
backgroundPositionborderBottomWidthborderLeftWidthborderRightWidthborderSpacingborderTopWidthborderWidthbottomfontfontSizeheightleftletterSpacinglineHeightmarginmarginBottommarginLeftmarginRightmarginTopmaxHeightmaxWidthoutlineWidthpaddingpaddingBottompaddingLeftpaddingRightpaddingToprighttextIndenttopwidthwordSpacing
HTML Example
We will use the following HTML for the examples listed below.
Example
The div with a number of different properties.
