To move an HTML div in a curved path, use any of the following:
- CSS Transitions
- JavaScript (jQuery)
- HTML5 Canvas
Try JavaScript to make it work in every browser.
Use the animate() method. The animate() method performs a custom animation of a set of CSS properties.
The following is the syntax:
selector.animate( params, [duration, easing, callback] );
Here is the description of all the parameters used by this method
- params − A map of CSS properties that the animation will move toward.
- duration − This is an optional parameter representing how long the animation will run.
- easing − This is an optional parameter representing which easing function to use for the transition.
- callback − This is an optional parameter representing a function to call once the animation is complete.