animation plugins[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D[D[C[C[Cbase jq animation plugins.
npm install co-animationco-animation的api方法调用都是基于animation.css的Classes类来实现的, 我们通过调用这些模拟的api来实现动画效果.
co-animation能做什么？使用co-animation能帮助你快速制作H5宣传页的动画效果; 采用链式的方法一键操作H5动画功能, 欢迎大家参与讨论.
html
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
`
$3
co-animation调用的api方法为animation.css的类名. 具体参考Class Name.
或者你可以查看如下api方法：
bounce flash pulse rubberBand
shake headShake swing tada
wobble jello bounceIn bounceInDown
bounceInLeft bounceInRight bounceInUp bounceOut
bounceOutDown bounceOutLeft bounceOutRight bounceOutUp
fadeIn fadeInDown fadeInDownBig fadeInLeft
fadeInLeftBig fadeInRight fadeInRightBig fadeInUp
fadeInUpBig fadeOut fadeOutDown fadeOutDownBig
fadeOutLeft fadeOutLeftBig fadeOutRight fadeOutRightBig
fadeOutUp fadeOutUpBig flipInX flipInY
flipOutX flipOutY lightSpeedIn lightSpeedOut
rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft
rotateInUpRight rotateOut rotateOutDownLeft rotateOutDownRight
rotateOutUpLeft rotateOutUpRight hinge jackInTheBox
rollIn rollOut zoomIn zoomInDown
zoomInLeft zoomInRight zoomInUp zoomOut
zoomOutDown zoomOutLeft zoomOutRight zoomOutUp
slideInDown slideInLeft slideInRight slideInUp
slideOutDown slideOutLeft slideOutRight slideOutUp
新增api
- delay
> 延迟执行当前节点的动画
- stop
> 当前节点的结束
- render
> 渲染当前的节点动画
$3
`js
`
功能 ##
- 延迟执行动画效果
- 控制重复动画次数
- 支持链式调用api
版本改变
依赖 ##
基于jquery和animation.css实现的H5动画插件co-animation。
可优化事项 ##
1. 外部建议实例一次 coanimation 方法var coanimation = new coanimation();`;