简单好看的文本动画库 animate-text
- 轻巧的文字动画库, 使用简单, 文件大小4k 可以给文字添加出现动画, 支持字符串打字效果和数字变化效果, 支持监听动画结束事件这里封装了vue组件 项目持续更新和维护
github: github.com/qgh810/anim…
import AnimateText from 'animate-text'
// 最简单的使用方法
new AnimateText('.text')
// 如果需要定义动画时间可以这样初始化
new AnimateText('.text', 1000)
// 如果还有其它设置 请这样写
new AnimateText('.text', {
time: 1000, // 动画时长
isNumber: true, // 是否渲染为数字动画
startNumber: 0, // 渲染为数字动画时 动画的开始数字
changeCount: 32, // 数字动画数字变化次数
onAnimated: function () {console.log('动画结束')} // 动画结束事件回调
})