react-animations icon indicating copy to clipboard operation
react-animations copied to clipboard

fade in from black

Open MarcDAFrame opened this issue 6 years ago • 0 comments

how do you fade in from black?

I tried using backgroundColor but it doesn't work

...
import Radium, { StyleRoot } from 'radium';
import { fadeIn } from 'react-animations'
...
const animations = {
  fadein: {
    animation: 'x 3s',
    animationName: Radium.keyframes(fadeIn, 'bounce'),
    backgroundColor: 'black',
  }
}
...
<StyleRoot>
   <img style={animations.fadein as React.CSSProperties} src={background_img} className={style.calltoaction_image} />
</StyleRoot>

MarcDAFrame avatar Nov 02 '19 21:11 MarcDAFrame