2.0.0 • Published 6 years ago

bee-animations v2.0.0

Weekly downloads
4
License
ISC
Repository
github
Last release
6 years ago

bee-animations

css3帧动画不仅功能强大,而且性能出色。遗憾的是没有提供动画序列,只能单条使用,于是制作此库实现动画的列表调用

此库只提供帧动画的调用,你可以使用animate.css动画库,也可自己定义

引入

  • install
npm install bee-animations
# or
cnpm install bee-animations
# or
yarn add bee-animations
import beeAnimations 'bee-animations'
  • cdn
<script src="https://unpkg.com/bee-animations@2.0.0/build/index.js"></script>

使用

// beeAnimations(options)

beeAnimations(
    el: '.animate',
    animations: [
      {
          name: 'bounceIn',
          duration: 2,
          delay: 0,
          count: 1,
          callback: ()=>{
            console.log('es bounceIn')
          }
      },
      {
          name: 'fadeOut',
          duration: 2,
          delay: 0,
          count: 1,
          callback: ()=>{
            console.log('es fadeOut')
          }
      }
    ]
})

参数

** ?表示可传参数

options

属性类型解释
elstringelement目标元素
animationsarray动画队列
only ?bool是否忽视动画属性的次数并默认为1
callback ?function所有动画完成之后的回调

animations

属性类型解释
namestring帧动画名称
durationnumber动画持续时间
delaynumber动画延迟时间
countnumber0表示无限循环
callback ?function动画后的回调

案例

example

更多

需要添加功能或者存在 bug 请提交 issues,在空余时间会尽快处理。

2.0.0

6 years ago

1.0.0

7 years ago