Is your feature request related to a problem? Please describe.
I'm trying to stagger the animation of children. Such as :
parent animates
child automatically animates
Using anime.js I tried:
Anime.timeline({
...
}).add({
// select parent after
}.add({
// select and animate child after
})
The parent animation works, but the child is already 'complete' by the time the parent finishes.
Describe the solution you'd like
In Pose (react, vue), I can do it easily with a declarative API: afterchildren, beforechildren to guarantee parent is complete. I can't do that with anime.js
Describe alternatives you've considered
POSE for Vue has sadly been deprecated and Frame Motion is react only
Additional context
The POSE example I'm trying to achieve is here:
Because POSE has been deprecated, I'm trying to find a replacement. Anime.js looks powerful enough, but I'm trying to find an archetype for the parent child animation staggering and I can't see an easy way to do it in Anime.
Is your feature request related to a problem? Please describe. I'm trying to stagger the animation of children. Such as :
Using anime.js I tried:
The parent animation works, but the child is already 'complete' by the time the parent finishes.
Describe the solution you'd like In Pose (react, vue), I can do it easily with a declarative API:
afterchildren
,beforechildren
to guarantee parent is complete. I can't do that with anime.jsDescribe alternatives you've considered POSE for Vue has sadly been deprecated and Frame Motion is react only
Additional context The POSE example I'm trying to achieve is here:
https://popmotion.io/blog/20180904-introducing-pose-for-vue/#introducing-pose-for-vue-enter/exit-transitions
Because POSE has been deprecated, I'm trying to find a replacement. Anime.js looks powerful enough, but I'm trying to find an archetype for the parent child animation staggering and I can't see an easy way to do it in Anime.