当前位置:JS特效 » 其他 » 实现波浪文字动画特效的纯JS插件
 实现波浪文字动画特效的纯JS插件
如果您觉得内容不错,请分享:
标签: 动画纯js文字

插件介绍

txt.wav是一款可以实现波浪文字动画的纯JS插件。txt.wav可以实现4种波浪文字效果:波浪效果、反弹效果、振动波效果和翻转效果。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:38
简要教程

txt.wav是一款可以实现波浪文字动画的纯JS插件。txt.wav可以实现4种波浪文字效果:波浪效果、反弹效果、振动波效果和翻转效果。

使用方法

在页面中引入txt.wav.css和txt.wav.js文件。


                  
                
HTML结构

可以使用标题标签或使用

等容器来包裹文字,然后在容器上添加txtwav class类,以及需要的波浪文字效果的class名称。

slow

Lorem ipsum dolor sit amet, consectetur adipiscing elit

vibe

Lorem ipsum dolor sit amet, consectetur adipiscing elit

bounce

Lorem ipsum dolor sit amet, consectetur adipiscing elit

flip

Lorem ipsum dolor sit amet, consectetur adipiscing elit

可用的波浪文字效果有:

  • slow:波浪效果。
  • vibe:振动波效果.
  • bounce:反弹效果。
  • flip:翻转效果。

txt.wav波浪文字动画插件的github地址为:https://github.com/still-life-studios/txt.wav

Top