Skip to content
This repository was archived by the owner on Aug 19, 2022. It is now read-only.

Commit 6271993

Browse files
author
Brandon Dail
committed
Add zoomOutUp animation
Last one!!!
1 parent dcd62ee commit 6271993

File tree

2 files changed

+43
-0
lines changed

2 files changed

+43
-0
lines changed

src/components/zoomOutUp.js

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
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;

src/index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,3 +103,4 @@ export zoomOut from './components/zoomOut';
103103
export zoomOutDown from './components/zoomOutDown';
104104
export zoomOutLeft from './components/zoomOutLeft';
105105
export zoomOutRight from './components/zoomOutRight';
106+
export zoomOutUp from './components/zoomOutUp';

0 commit comments

Comments
 (0)