home: also bounce for opacity

This commit is contained in:
Peter Cai 2020-02-19 19:48:58 +08:00
parent bcbe96c249
commit ea726dca42
No known key found for this signature in database
GPG Key ID: 71F5FB4E4F3FD54F
1 changed files with 2 additions and 2 deletions

View File

@ -29,8 +29,8 @@ class Home extends React.Component
<Router>
<AnimatedSwitch
atEnter={{ opacity: 0, translateY: -5 }}
atLeave={{ opacity: 0, translateY: bounce -5 }}
atActive={{ opacity: 1, translateY: bounce 0 }}
atLeave={{ opacity: bounce(0), translateY: bounce(-5) }}
atActive={{ opacity: bounce(1), translateY: bounce(0) }}
mapStyles={(styles) ->
opacity: styles.opacity
transform: "translateY(#{styles.translateY}%)"