css - 如何使用 reactjs 逐渐在入口 SVG 图像上制作动画?

标签 css reactjs animation svg flexbox

我对 React 很陌生,

我已经导入了一个 SVG 并且想要动画它的几个克隆,最终它们将在同一行结束,我应该使用 use flexbox 吗?

我已经使用 flexbox 静态完成了它,但我想为每个 svg 组件设置动画,以便它们逐渐(一个接一个)出现在屏幕上。有什么关于如何完成它的建议吗?

谢谢大家

最佳答案

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

您可以在此处了解 GSAP 交错: https://greensock.com/stagger

希望对您有所帮助!

关于css - 如何使用 reactjs 逐渐在入口 SVG 图像上制作动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54812295/

相关文章:

javascript - plottable.js 折线图中的自定义动画

python - 如何在 Matplotlib 中为文本设置动画?

python - Matplotlib - 2 Figures in Subplot - 1 is Animation

css - 使用 Knockout.js 绑定(bind)到数据图标

javascript - jQuery UI Sortable 无法将子项拖回父项

javascript - React 只为点击的元素提供动画

reactjs - 如何为React Router编写拦截器?

css - 为什么 google 字体 oswald 在 Firefox 和 Chrome 中不显示,但在其他网络浏览器中显示?

javascript - 可拖动元素

javascript - DOMContentLoaded 在导航后未触发,但在使用 javascript_pack_tag 时在页面重新加载时触发