Typewriter-style Text Rotator with Vanilla JavaScript – TWReplace.js

Category: Animation , Javascript , Text | October 17, 2015
Author: samjdavis13
Views Total: 2,583
Official Page: Go to website
Last Update: October 17, 2015
License: MIT

Preview:

Typewriter-style Text Rotator with Vanilla JavaScript – TWReplace.js

Description:

TWReplace.js is a Vanilla JavaScript plugin that rotates an array of text strings with typewriter-style typing and deleting effects.

How to use it:

Load the core JavaScript file TWReplace.js anywhere in the html document.

<script src="dist/twreplace.min.js"></script>

Wrap an array of text strings you want to rotate through using data-twreplace attributes.

<span data-twreplace='["dog", "cat", "cow"]'>elephant</span>

Change the animation speed.

<span data-twreplace-charspeed="75" 
      data-twreplace-wordspeed="3000"
      data-twreplace='["dog", "cat", "cow"]'>
      elephant
</span>

You Might Be Interested In:


Leave a Reply