Example #2 | Values

Intro to Values

Anime.js values are the parameters that define the animation. They can be either numeric or string values, and they are passed to the anime() function as an object. On this page we will go over function based on values. Let's get started!

Function Based on Value

Function-based values and parameters in anime.js are used to customize the animation based on the target. For example, you can use a function to calculate the value of a property for each target element. This is useful when you want to create an animation that is unique to each element. To use a function-based value, you simply pass the function to the value property of the animation object. The function will be called for each target element, and the returned value will be used as the value of the property for that element.