动画总结？

标签：移动动画   val   canvas   asc   定位   上下   动画   ati   css   

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);

动画总结？

标签：移动动画   val   canvas   asc   定位   上下   动画   ati   css   

原文地址：https://www.cnblogs.com/duanzhange/p/9007275.html