DEV Community

loading...
Cover image for How to use textillate.js

How to use textillate.js

Aman Singh
Frontend Devloper
・1 min read

What is Textillate.js?
Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text.

⭐ Create a folder :

  1. Inside the folder create an index.html file.

  2. Inside this HTML file create an element, it can be hading or paragraph.
    code

  3. Add this CSS file CDN into the index.html file.
    CDN Link: https://cdnjs.com/libraries/animate.css
    code

  4. Link these scripts into index.html (The
    sequence of the script files should be the same).
    CDN Links:
    👉 https://cdnjs.com/libraries/jquery
    👉 https://cdnjs.com/libraries/textillate
    👉 https://cdnjs.com/libraries/lettering.js/0.6.1
    code

  5. Using jQuery target the element that you had created previously and add textillate() method to it
    code

  6. Run index file (open index file on the browser).

  7. If still not working properly then watch this
    video: https://youtu.be/FeRmCXYS3Wo

Thank you 💖

Discussion (0)