Animer | for a better Android Experience | Animation library

So I ended up switching to Web Animation API, but the solution is the same. Also, timelines are not the best approach. If using anime js, I think the 2nd code snippet where anime({}) is called is a better approach.

Important learning point, is that transforms are not inherently additive- they replace each other.

The keyframes don't add together, they replace one another.

In my solution below, I add each transform together manually for each animation. I don't know why I thought the accumulation would happen automatically.

Also - after each animation within the chain, I set the transform of the DOM element to the end state of the animation.

first if you want to ignore self then you must have anime_id to know if this have self or not then rule can be

you need to use proper names for the inner types

try this:

animelist.slice(0, 10).map((anime, index) => {

you can use slice to get the first X amount (in your case; 10) then map over that array

The following should work (please note that this also returns a promise that resolves to an array of movies).