Marketplace
Made in Webflow

Text Animations with Anime.js

2324 views
site profile thumbnail

Description

Text animations are everywhere these days on the web. Here are four letter animations using the library anime.js that can spice up your designs. To use it just follow these simple steps: **It only works on published sites not on the Webflow builder ** 1. Give a class to the text you want to animate. For example: “animation1” 2. Add a span to the text and give it a class of “letter” 3. Copy the code on "Settings > Before body tag" and make sure you change the class to the one you used on step 1. That's it! If you have any questions feel free to comment. Sign up for the lesson: https://www.webflowtips.com/b/how-to-animate-texts-using-anime-js P.S 🙂 🙌 - Like or follow if this was useful for you. 14 of 50
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
typographyanimationtextanimejsinteractionsminimaltutorialtipstext-animation

More by Webflowtips

See profile
View details
Text Reveal Different Directions
165
508