Text Shuffle Animation In Pure JavaScript – shuffle-text.js

Category: Animation , Javascript , Text | July 11, 2020
Author: ics-ikeda
Views Total: 352 views
Official Page: Go to website
Last Update: July 11, 2020
License: MIT

Preview:

Text Shuffle Animation In Pure JavaScript – shuffle-text.js

Description:

shuffle-text.js is a pure JavaScript library that presents your text letter by letter with a character shuffle animation.

Install it via NPM:

$ npm install shuffle-text

How to use it:

Just import the shuffle-text.js into the html page and we’re ready to go.

<script src="shuffle-text.js"></script>

Create a new instance of the ShuffleText and specify the text container as this:

var el = document.getElementById("myText");
var text = new ShuffleText(el);

Start the shuffle animation:

text.start();

Stop the shuffle animation:

text.stop();

Re-set the text to animate:

text.setText(text: string);

Changelog:

07/11/2020

  • v0.3.1

08/30/2018

  • v0.3.0

10/01/2018

  • v0.2.8

You Might Be Interested In:


Leave a Reply