Motion
MIT License
# npm
$ npm install @xg4/motion --save
# yarn
$ yarn add @xg4/motion
import { move, easeInOutCubic } from '@xg4/motion'
function handler(value) {
// value (0~100)
console.log(value)
}
move(handler, {
start: 0,
end: 100,
duration: 3000,
ease: easeInOutCubic
})
name | type | default | description |
---|---|---|---|
start | number | 0 | 起始值 |
end | number | 0 | 结束值 |
duration | number | 450 | 持续时间 |
ease | function | easeInOutCubic | 缓动函数 |
count | number | 1 | 运动次数 |
loop | boolean | false | 循环运动 |
name | in | out | in-out |
---|---|---|---|
back | easeInBack | easeOutBack | easeInOutBack |
bounce | easeInBounce | easeOutBounce | easeInOutBounce |
circ | easeInCirc | easeOutCirc | easeInOutCirc |
cubic | easeInCubic | easeOutCubic | easeInOutCubic |
elastic | easeInElastic | easeOutElastic | easeInOutElastic |
expo | easeInExpo | easeOutExpo | easeInOutExpo |
quad | easeInQuad | easeOutQuad | easeInOutQuad |
quart | easeInQuart | easeOutQuart | easeInOutQuart |
quint | easeInQuint | easeOutQuint | easeInOutQuint |
sine | easeInSine | easeOutSine | easeInOutSine |
Welcome
Fork it
Submit pull request
MIT