要在弯曲的路径中移动HTML div,请使用以下任一方法:
CSS过渡
JavaScript(jQuery)
HTML5画布
尝试使用JavaScript,使其在所有浏览器中都能正常工作。
使用animate()
方法。该animate()
方法对一组CSS属性执行自定义动画。
以下是语法:
selector.animate( params, [duration, easing, callback] );
这是此方法使用的所有参数的说明
params-动画将朝其移动的CSS属性的映射。
持续时间-这是一个可选参数,表示动画将运行多长时间。
缓动-这是一个可选参数,表示用于过渡的缓动功能。
callback-这是一个可选参数,表示动画完成后要调用的函数。