Ditched Google's Web Animations API
It turns out that while the Web Animations API is super neat, it introduces problems in certain browsers when combined with React lifecycle methods. The native Javascript method requestAnimationFrame
does everything I need with comparatively fewer headaches. Fixes #2
Animations can now be interrupted without flickering!
Previously, when you triggered a new animation before the current one was complete, the element would jump to its final position and start from there. Now, the element will move to its new course smoothly.
New property staggerDelayBy
Similar to staggerDurationBy
, this property adds a delay to each subsequent element before the animation starts.