文本逐个加载动画Js插件

文本逐个加载动画Js插件源码下载

看看谁在用

查看文件结构

文件大小:0.01M

资源分类: 插件-其它前端代码

更新时间: 2021-08-14

movinwords.js是一个相互间无依赖的文本动画JavaScript库,文本会有逐字加载动画。

自定义动画效果
const instance = new movinwords({
      autostart: true,
      duration: 1000,
      delay: 0,
      offset: 20,
      wordSpacing: null,
});
高亮效果
const instance = new movinwords({
      highlight: {
        classname: 'highlight',
        tag: 'strong',
        words: [] // add your words here
      },
});
事件处理
const instance = new movinwords({
      events: {
        start: (options) => {
          console.log('Started!', options)
        },
        wordTransitionStart: (options) => {
          console.log('Word Transition Started', options)
        },
        wordTransitionEnd: (options) => {
          console.log('Word Transition Ended', options)
        },
        end: (options) => {
          console.log('Ended!', options)
        }
      },
      eventsTransitionProperty: 'opacity',
});

文本逐个加载动画Js插件

正在加载文件目录...

也许你还喜欢

  1. css+html文本打字机特效
  2. Splitting.js文本标题缓慢加载特效
  3. canvas文字矩阵HTML5特效
  4. splitting.js跳出动画2020文本特效
  5. CSS3霓虹灯文字发光特效代码
  6. 文本立体样式css3动画特效
文本洗牌动画特效
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器