Animation using jQuery Effects
Custom animations can be created with jQuery.
The animation() Method in jQuery Animations
To create separate animations, utilise the jQuery animate() functionality.
The CSS characteristics to be animated are described by the necessary params option.
The frequency of the effect is chosen by the optional speed parameter. This will have one of three values: "slow," "fast," or milliseconds.
The additional callback parameter is a function that must be run whenever the animation has concluded.
The image below illustrates where to use animation() method to move a div> element to the right until it approaches a left parameter of 250px: