Image 应用于图像的CSSTransitionGroup不';t添加并输入活动类
我对react中的动画不太熟悉,我正在尝试将动画添加到图像中,但我编写的代码似乎没有任何作用。无Image 应用于图像的CSSTransitionGroup不';t添加并输入活动类,image,react-transition-group,react-animations,Image,React Transition Group,React Animations,我对react中的动画不太熟悉,我正在尝试将动画添加到图像中,但我编写的代码似乎没有任何作用。无输入活动类或添加任何内容。在同一个项目中,我使用了相同的模式来制作跨度动画,效果很好 我使用image src作为键。src会改变,img也会改变,但没有动画 感谢所有感兴趣的人 <CSSTransitionGroup transitionName="monster-pic" transitionEnterTimeout={5000} tra
输入活动类或添加任何内容。在同一个项目中,我使用了相同的模式来制作跨度动画,效果很好
我使用image src作为键。src会改变,img也会改变,但没有动画
感谢所有感兴趣的人
<CSSTransitionGroup
transitionName="monster-pic"
transitionEnterTimeout={5000}
transitionLeaveTimeout={5000}>
<img key={image} src={image} alt={name} className="monster-picture"/>
</CSSTransitionGroup>
.monster-picture
opacity 0.5
transition all 5.5s
&.monster-pic-enter
transition all 0.5s
opacity 1
transform translateY(45px);
&.monster-pic-enter-active
border 2px solid yellow
transform translateY(0px);
position fixed
opacity 0.1