Add zoomInLeft animation

Author: Brandon Dail

src/components/zoomInLeft.js

@@ -0,0 +1,41 @@
+// @flow
+import {
+  compose,
+  scale3d,
+  translate3d,
+  cubicBezier,
+} from '../utils';
+import type { Animation } from '../types';
+
+const scaleAndTranslate = compose(scale3d, translate3d);
+
+const zoomInLeft: Animation = {
+  from: {
+    opacity: 0,
+    transform: scaleAndTranslate(
+      [0.1, 0.1, 0.1],
+      ['-1000px', 0, 0]
+    ),
+    animationTimingFunction: cubicBezier(
+      0.550,
+      0.055,
+      0.675,
+      0.190
+    ),
+  },
+  '60%': {
+    opacity: 1,
+    transform: scaleAndTranslate(
+      [0.475, 0.475, 0.475],
+      ['10px', 0, 0]
+    ),
+    animationTimingFunction: cubicBezier(
+      0.175,
+      0.855,
+      0.320,
+      1
+    ),
+  },
+};
+
+export default zoomInLeft;

src/index.js

@@ -94,3 +94,4 @@ export rollOut from './components/rollOut';
 /* Zooming entrances */
 export zoomIn from './components/zoomIn';
 export zoomInDown from './components/zoomInDown';
+export zoomInLeft from './components/zoomInLeft';