我刚开始玩 React Animations,我似乎被卡住了。
我有一系列出现的卡片(动画输入)。现在,它们都同时进入(动画同时播放)。有没有办法为动画添加偏移量,以便它们一个接一个地播放?
Animate = React.addons.CSSTransitionGroup
<Animate transitionName="cardAnim" transitionAppear={true}>
{
courses.map(function(element, index){
return (
<Card style={CardStyle} key={index}>
<CardMedia>
<img src={"img/courses/" + index + ".png"} />
</CardMedia>
<CardTitle>
{element}
</CardTitle>
</Card>
)
})
}
</Animate>
我的目标:我希望每张卡片都分别动画,例如,第二张卡片在第一张进入后动画,第三张在第二张完成后动画,依此类推。
任何人都可以帮忙吗?谢谢 :)