Minimal Text Animation JavaScript Library – txt.wav

Category: Animation , Javascript , Recommended , Text | September 6, 2016
Author: still-life-studios
Views Total: 3,007
Official Page: Go to website
Last Update: September 6, 2016
License: MIT

Preview:

Minimal Text Animation JavaScript Library – txt.wav

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>

You Might Be Interested In:


Leave a Reply