动画总结？

Posted 2020-11-03 duanzhange

1.上下动画？ animate-duration：5s；规定动画完成一个动画周期所花费的时间。

animate-duration-function:linear；规定动画的速度曲线

2.雪花下落动画？

雪花3D动画插件ThreeCanvas.js

雪花插件Snow.js

js.js是javascript解析器

3.船慢慢移动动画（定位船的初始位置然后开始做动画，从右往左）

var $chuan=$(".chuan"); var r=$chuan.css("right"); var num; setInterval(function (){ r=parseInt(r); r++; if(r>1800){ r=-240; } num=r+"px"; $chuan.css({"right":num}); },100);