JavaScript-Based Animations Using Anime.js

In the first tutorial of the series, you will learn about the basics of Anime.js. You will learn things like like selecting target elements and animating different properties related to them.

Posts in this series

JavaScript-Based Animations Using Anime.js, Part 1: Targets and Properties
Learn the basics of JavaScript animations with Anime.js: selecting target elements and animating different properties related to them.
Monty Shokeen
17 Oct 2022
Code
JavaScript-Based Animations Using Anime.js, Part 2: Parameters
You can use parameters to control the animation of multiple target elements at once, changing things like the sequence in which the animations are played.
Monty Shokeen
27 Oct 2022
Code
JavaScript-Based Animations Using Anime.js, Part 3: Values, Timeline, and Playback
Learn how to set values of different properties using numbers, functions or keyframes, as well as mastering the Anime.js timeline and playback functions.
Monty Shokeen
10 Aug 2017
Code
JavaScript-Based Animations Using Anime.js, Part 4: Callbacks, Easings, and SVG
This tutorial will teach you about callbacks and easing functions in Anime.js. You can use callbacks to update text or change the value of an attribute.
Monty Shokeen
11 Aug 2017
Code