xes-animate

`import AnimateClass from './animate'`

Usage no npm install needed!

<script type="module">
  import xesAnimate from 'https://cdn.skypack.dev/xes-animate';
</script>

README

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弹