mirror of
https://github.com/kremalicious/portfolio.git
synced 2024-12-31 09:07:38 +01:00
animation tweaks
This commit is contained in:
parent
9522d190cc
commit
3206c3b4ee
@ -7,7 +7,7 @@ export const FadeIn = props => (
|
||||
classNames="fadein"
|
||||
appear={true}
|
||||
in={true}
|
||||
timeout={{ enter: 300, exit: 200, appear: 300 }}
|
||||
timeout={{ enter: 200, exit: 200, appear: 200 }}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
|
@ -8,6 +8,7 @@ const ProjectImage = ({ sizes, alt }) => (
|
||||
className="project__image"
|
||||
outerWrapperClassName="project__image-wrap"
|
||||
backgroundColor="#6b7f88"
|
||||
fadeIn={false}
|
||||
sizes={sizes}
|
||||
alt={alt}
|
||||
/>
|
||||
|
@ -32,7 +32,7 @@ const TemplateWrapper = ({ data, location, children }) => {
|
||||
<TransitionGroup appear={true}>
|
||||
<FadeIn
|
||||
key={location.pathname}
|
||||
timeout={{ enter: 300, exit: 200, appear: 300 }}
|
||||
timeout={{ enter: 200, exit: 150, appear: 200 }}
|
||||
>
|
||||
<TransitionHandler location={location}>
|
||||
{children()}
|
||||
|
Loading…
Reference in New Issue
Block a user