home: also bounce for opacity
This commit is contained in:
parent
bcbe96c249
commit
ea726dca42
|
@ -29,8 +29,8 @@ class Home extends React.Component
|
||||||
<Router>
|
<Router>
|
||||||
<AnimatedSwitch
|
<AnimatedSwitch
|
||||||
atEnter={{ opacity: 0, translateY: -5 }}
|
atEnter={{ opacity: 0, translateY: -5 }}
|
||||||
atLeave={{ opacity: 0, translateY: bounce -5 }}
|
atLeave={{ opacity: bounce(0), translateY: bounce(-5) }}
|
||||||
atActive={{ opacity: 1, translateY: bounce 0 }}
|
atActive={{ opacity: bounce(1), translateY: bounce(0) }}
|
||||||
mapStyles={(styles) ->
|
mapStyles={(styles) ->
|
||||||
opacity: styles.opacity
|
opacity: styles.opacity
|
||||||
transform: "translateY(#{styles.translateY}%)"
|
transform: "translateY(#{styles.translateY}%)"
|
||||||
|
|
Loading…
Reference in a new issue