Marketplace
Made in Webflow

Text Animations with Anime.js

3631 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.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

typographyanimationtextanimejsinteractionsminimaltutorialtipstext-animationstext-animation

More by Webflowtips

See profile
View details
Text Reveal Different Directions
208
680