mirror of
https://github.com/kremalicious/portfolio.git
synced 2025-02-14 21:10:41 +01:00
22 lines
491 B
JavaScript
22 lines
491 B
JavaScript
import React from 'react'
|
|
import CSSTransition from 'react-transition-group/CSSTransition'
|
|
import './Animations.scss'
|
|
|
|
const Animation = props => <CSSTransition appear={true} in={true} {...props} />
|
|
|
|
export const FadeIn = props => (
|
|
<Animation
|
|
classNames="fadein"
|
|
timeout={{ enter: 200, exit: 200, appear: 200 }}
|
|
{...props}
|
|
/>
|
|
)
|
|
|
|
export const MoveIn = props => (
|
|
<Animation
|
|
classNames="movein"
|
|
timeout={{ enter: 300, exit: 200, appear: 300 }}
|
|
{...props}
|
|
/>
|
|
)
|