Text Typing Animation Using CSS Utility Classes – autoWrite.js

Category: Animation , Javascript , Text | December 14, 2020
Author:stacksagar
Views Total:404 views
Official Page:Go to website
Last Update:December 14, 2020
License:MIT

Preview:

Text Typing Animation Using CSS Utility Classes –  autoWrite.js

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>

You Might Be Interested In:


Leave a Reply