Add rollOut animation

Author: Brandon Dail

src/components/rollOut.js

@@ -0,0 +1,20 @@
+// @flow
+import { compose, translate3d, rotate3d } from '../utils';
+import type { Animation } from '../types';
+
+const translateAndRotate = compose(translate3d, rotate3d);
+
+const rollOut: Animation = {
+  from: {
+    opacity: 1,
+  },
+  to: {
+    opacity: 0,
+    transform: translateAndRotate(
+      ['100%', 0, 0],
+      [0, 0, 1, 120]
+    ),
+  },
+};
+
+export default rollOut;

src/index.js

@@ -89,3 +89,4 @@ export slideOutUp from './components/slideOutUp';
 /* Specials */
 export hinge from './components/hinge';
 export rollIn from './components/rollIn';
+export rollOut from './components/rollOut';