This repository was archived by the owner on Aug 19, 2022. It is now read-only.
File tree Expand file tree Collapse file tree 2 files changed +43
-0
lines changed
Expand file tree Collapse file tree 2 files changed +43
-0
lines changed Original file line number Diff line number Diff line change 1+ // @flow
2+ import {
3+ compose ,
4+ scale3d ,
5+ translate3d ,
6+ cubicBezier ,
7+ } from '../utils' ;
8+ import type { Animation } from '../types' ;
9+
10+ const scaleAndTranslate = compose ( scale3d , translate3d ) ;
11+
12+ const zoomOutUp : Animation = {
13+ '40%' : {
14+ opacity : 1 ,
15+ transform : scaleAndTranslate (
16+ [ 0.475 , 0.475 , 0.475 ] ,
17+ [ 0 , '60px' , 0 ]
18+ ) ,
19+ animationTimingFunction : cubicBezier (
20+ 0.550 ,
21+ 0.055 ,
22+ 0.675 ,
23+ 0.190
24+ ) ,
25+ } ,
26+ to : {
27+ opacity : 0 ,
28+ transform : scaleAndTranslate (
29+ [ 0.1 , 0.1 , 0.1 ] ,
30+ [ 0 , '-2000px' , 0 ]
31+ ) ,
32+ transformOrigin : 'center bottom' ,
33+ animationTimingFunction : cubicBezier (
34+ 0.175 ,
35+ 0.885 ,
36+ 0.320 ,
37+ 1
38+ ) ,
39+ } ,
40+ } ;
41+
42+ export default zoomOutUp ;
Original file line number Diff line number Diff line change @@ -103,3 +103,4 @@ export zoomOut from './components/zoomOut';
103103export zoomOutDown from './components/zoomOutDown' ;
104104export zoomOutLeft from './components/zoomOutLeft' ;
105105export zoomOutRight from './components/zoomOutRight' ;
106+ export zoomOutUp from './components/zoomOutUp' ;
You can’t perform that action at this time.
0 commit comments