It also lets you build beautiful, complex animations that are more like works of art than pieces of code. These may be fun to look at and intriguing to dream up, but remember to keep your animation focused on a purpose. This is animation with destination, not MOMA.
To take a peek at how little code is involved, check out this Codepen from TheTallWeeks.
Animating on click is nifty, sure, but how can it be useful? One great example is user feedback. Here's an example we made to demonstrate how an interaction from a user can elicit feedback:
One of the most popular and powerful animation libraries available is Anime.js. This library provides tons of getting-started materials including elaborate documentation and a range of examples. Check back soon on flUX for a deeper dive into the wonders of Anime.js.
Here’s one example that shows the intricate and beautiful animations you can create.
Of course, this just barely skims the surface of only three libraries. There are a practically endless number of options out there, so get out there and explore! In flUX's next update, we will cast a wider net to learn more about the world of animation libraries.
Time to put things into action. Here are a couple of ideas for how you can use your new skills to get them to stick: