move.js, 基于js的过渡动画库, 可用于任何含有数字的css属性过渡   

优先使用 requestAnimationFrame    

匀速动画 move.linear([0, 800], , v => box.style.left = `${v}px`)
先加速后减速的动画 move.ease([0, 800], , v => box.style.left = `${v}px`)
ease2动画 move.ease2([0, 800], , v => box.style.left = `${v}px`)
初速度较大, 一直减速 move.easeOut([0, 800], , v => box.style.left = `${v}px`)
弹性动画 move.elastic([0, 800], , v => box.style.left = `${v}px`)
碰撞动画 move.collision([0, 800], , v => box.style.left = `${v}px`)
wave动画 move.wave([0, 800], , v => box.style.left = `${v}px`)
opposite动画 move.opposite([0, 800], , v => box.style.left = `${v}px`)
move.linear([0, 20], 20000, v => box.innerHTML = v.toFixed(3) )
hello
复杂css属性动画, 一切含有数字的css样式的过渡动画均可使用

demo list