Add zoomIn animation

Author: Brandon Dail

src/components/zoomIn.js

@@ -0,0 +1,15 @@
+// @flow
+import { scale3d } from '../utils';
+import type { Animation } from '../types';
+
+const zoomIn: Animation = {
+  from: {
+    opacity: 0,
+    transform: scale3d(0.3, 0.3, 0.3),
+  },
+  '50%': {
+    opacity: 1,
+  },
+};
+
+export default zoomIn;

src/index.js

@@ -90,3 +90,6 @@ export slideOutUp from './components/slideOutUp';
 export hinge from './components/hinge';
 export rollIn from './components/rollIn';
 export rollOut from './components/rollOut';
+
+/* Zooming entrances */
+export zoomIn from './components/zoomIn';