Text Typing Animation Using CSS Utility Classes – autoWrite.js

Preview:

Description:

autoWrite.js is a JavaScript library that makes it easier to apply a configurable typing effect to any text using utility classes.

How to use it:

1. Simply load the autoWrite.js script in the document and we’re ready to go.

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

2. To apply the typing animation to text, just add the CSS class autoWriteBreak to the container and determine the animation speed using the second CSS class.

<h1 class="autoWriteBreak 50">autoWrite Example</h1>

3. You can also use the library to create a text rotator that types & delete strings separated by comma (‘,’) at a given speed.

<span class="autoWrite 150 1000">jQuery, CSS, React</span>