Css 如何使用reactjs在入口SVG图像上逐渐设置动画？

我还没有反应过来

我已经导入了一个SVG，并希望为它的几个克隆制作动画，最终它们将在同一行结束，我应该使用flexbox吗

我已经使用flexbox静态地完成了这项工作，但是我想为每个svg组件设置动画，以便它们一个接一个地逐渐出现在屏幕上。有什么建议可以实现吗

---

谢谢大家

您可以使用CSSTransitionGroup进行react 这里有来自react的医生来做这件事

此动画在元素的dom中输入和离开时工作

<CSSTransitionGroup
transitionName="example"
transitionEnterTimeout={300}
transitionLeaveTimeout={300}
 />
<CSSTransitionGroup>

您可以使用GSAP GreenSock库来实现这一点，只需在React组件中的componentDidLoad之后触发动画即可

您可以在此处了解GSAP交错：

---

希望有帮助

谢谢大家!！这是为了讲故事，所以我在寻找一些更好的效果。没问题，我还没有使用anime.js，但这和GSAP的效果一样。