search

FormidableLabs / react-animations

🎊 A collection of animations for inline style libraries
MIT License
3.06k stars 160 forks source link

when hide or remove element, animatations not work #15

Closed ccjoe closed 7 years ago

ccjoe commented 7 years ago

when the animate is run over, then the element will be back, for example:

fadeOutDown: {
    animation: 'x 1s',
    animationName: Radium.keyframes(fadeOutDown, 'fadeOutDown'),
  }

when element is fadeOutDown, then is will be show .

if add display: 'none' animate not work

juangallo commented 7 years ago

Hi! I'm with the exact same issue, were you able to resolve it? If you were, can you tell me how? Thanks!

ccjoe commented 7 years ago

@juangallo hi, i made it by react-motion

aweary commented 7 years ago

You may need to set animation-fill-mode so the styles are applied after the animation is finished!