简单好看的文本动画效果

最新推荐文章于 2024-08-20 08:49:43 发布

转载最新推荐文章于 2024-08-20 08:49:43 发布 · 408 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cadc9426fb9a0685b48ee85

文章标签：

#javascript #ViewUI

简单好看的文本动画库 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('动画结束')} // 动画结束事件回调
})
复制代码

转载于:https://juejin.im/post/5cadc9426fb9a0685b48ee85