在弯曲的路径中移动HTML div

要在弯曲的路径中移动HTML div,请使用以下任一方法:

  •  CSS过渡

  •  JavaScript(jQuery)

  •  HTML5画布

尝试使用JavaScript,使其在所有浏览器中都能正常工作。

使用animate()方法。该animate()方法对一组CSS属性执行自定义动画。

以下是语法:

selector.animate( params, [duration, easing, callback] );

这是此方法使用的所有参数的说明

  • params-动画将朝其移动的CSS属性的映射。

  • 持续时间-这是一个可选参数,表示动画将运行多长时间。

  • 缓动-这是一个可选参数,表示用于过渡的缓动功能。

  • callback-这是一个可选参数,表示动画完成后要调用的函数。