Minimal Text Animation JavaScript Library – txt.wav

Preview:

Description:

txt.wav is a lightweight pure JavaScript librar that utilizes CSS3 animation properties to create weird animations on any text. Supported animation types: slow, vibe, bounce and flip.

How to use it:

Download, unzip and include the following files into your webpage.

<link href="/path/to/txt.wav.css" rel="stylesheet">
<script src="/path/to/txt.wav.min.js"></script>

Add the class ‘txtwav’ and an animation class of your choice to the text container. That’s it.

<h2>slow</h2>
<div class="txtwav slow">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>
<h2>vibe</h2>
<div class="txtwav vibe">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>
<h2>bounce</h2>
<div class="txtwav bounce">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>
<h2>flip</h2>
<div class="txtwav flip">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>