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

Commit 3968274

Browse files
author
Brandon Dail
committed
Add zoomOut animation
1 parent bd8f036 commit 3968274

File tree

2 files changed

+21
-0
lines changed

2 files changed

+21
-0
lines changed

src/components/zoomOut.js

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
// @flow
2+
import { scale3d } from '../utils';
3+
import type { Animation } from '../types';
4+
5+
const zoomOut: Animation = {
6+
from: {
7+
opacity: 1,
8+
},
9+
'50%': {
10+
opacity: 0,
11+
transform: scale3d(0.3, 0.3, 0.3),
12+
},
13+
to: {
14+
opacity: 0,
15+
},
16+
};
17+
18+
export default zoomOut;

src/index.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -97,3 +97,6 @@ export zoomInDown from './components/zoomInDown';
9797
export zoomInLeft from './components/zoomInLeft';
9898
export zoomInRight from './components/zoomInRight';
9999
export zoomInUp from './components/zoomInUp';
100+
101+
/* Zooming exits */
102+
export zoomOut from './components/zoomOut';

0 commit comments

Comments
 (0)