簡單好看的文本動畫效果

簡單好看的文本動畫庫 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('動畫結束')} // 動畫結束事件回調
})
複製代碼