简单好看的文本动画库 animate-text
- 轻巧的文字动画库, 使用简单, 文件大小4k 可以给文字添加出现动画, 支持字符串打字效果和数字变化效果, 支持监听动画结束事件这里封装了vue组件 项目持续更新和维护
github:
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('动画结束')} // 动画结束事件回调})复制代码