xes-animate

1.0.14 • Public • Published

import AnimateClass from 'xes-animate'

new AnimateClass(container,{//需要动画的元素  必填
    time:0.5,               //动画时间 默认0.6  可不配置
    type:'fadeOut',         //动画名字 默认zoomIn 可不配置
    delay:0,                //延时 默认 0 可不配置
    onComplete:()=>{       
         //动画执行后回调 如非必须 可不配置
    }
});

可选效果

  • bounceInDown 从上往下 弹跳

  • bounceOutDown 出场效果 弹跳

  • bounceIn 从小变大 弹跳

  • bounceInUp 从下往上 弹跳

  • bounceInLeft 从右往左 弹跳

  • zoomIn 从小变大

  • zoomInAn 从小变大 弹跳

  • fadeIn 透明度从0-1

  • fadeOut 透明度从1-0

  • leftAndRight 左右弹动

  • upAndDown 上下弹动

  • redFlicker 闪烁效果

  • bomb Q弹

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.14
    3
    • latest

Version History

Package Sidebar

Install

npm i xes-animate

Weekly Downloads

5

Version

1.0.14

License

ISC

Unpacked Size

28.3 kB

Total Files

4

Last publish

Collaborators

  • xes-templet
  • banban123
  • xyqyunnan