diff --git a/source/fading_entrances/fallIn.css b/source/fading_entrances/fallIn.css
new file mode 100644
index 000000000..d6284d2bf
--- /dev/null
+++ b/source/fading_entrances/fallIn.css
@@ -0,0 +1,42 @@
+@-webkit-keyframes fallIn {
+    0% {
+        opacity: 0;
+        -webkit-transform: perspective(500px) translate3d(-20%, -20%, 180px) rotate3d(1, 4, 0.5, -8deg);
+        transform: perspective(500px) translate3d(-20%, -20%, 180px) rotate3d(1, 4, 0.5, -8deg);
+    }
+
+    20% {
+        opacity: 1;
+    }
+
+    to {
+        -webkit-transform: perspective(500px) translate3d(0, 0, 0) rotate3d(1, 4, 0.5, 0deg);
+        transform: perspective(500px) translate3d(0, 0, 0) rotate3d(1, 4, 0.5, 0deg);
+    }
+}
+
+@keyframes fallIn {
+    0% {
+        opacity: 0;
+        -webkit-transform: perspective(500px) translate3d(-20%, -20%, 180px) rotate3d(1, 4, 0.5, -8deg);
+        transform: perspective(500px) translate3d(-20%, -20%, 180px) rotate3d(1, 4, 0.5, -8deg);
+    }
+
+    20% {
+        opacity: 1;
+    }
+
+    to {
+        -webkit-transform: perspective(500px) translate3d(0, 0, 0) rotate3d(1, 4, 0.5, 0deg);
+        transform: perspective(500px) translate3d(0, 0, 0) rotate3d(1, 4, 0.5, 0deg);
+    }
+}
+
+.animate__fallIn {
+    -webkit-animation-name: fallIn;
+    animation-name: fallIn;
+    -webkit-animation-duration: 2s;
+    animation-duration: 2s;
+    -webkit-animation-timing-function: cubic-bezier(.14, .57, .72, 1);
+    animation-timing-function: cubic-bezier(.14, .57, .72, 1);
+}
diff --git a/source/fading_exits/fallOut.css b/source/fading_exits/fallOut.css
new file mode 100644
index 000000000..d5fb75756
--- /dev/null
+++ b/source/fading_exits/fallOut.css
@@ -0,0 +1,42 @@
+@-webkit-keyframes fallOut {
+    0% {
+        -webkit-transform: perspective(500px) translate3d(0, 0, 0) rotate3d(1, 4, 0.5, 0deg);
+        transform: perspective(500px) translate3d(0, 0, 0) rotate3d(1, 4, 0.5, 0deg);
+    }
+
+    80% {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: perspective(500px) translate3d(-20%, -20%, 180px) rotate3d(1, 4, 0.5, -8deg);
+        transform: perspective(500px) translate3d(-20%, -20%, 180px) rotate3d(1, 4, 0.5, -8deg);
+    }
+}
+
+@keyframes fallOut {
+    0% {
+        -webkit-transform: perspective(500px) translate3d(0, 0, 0) rotate3d(1, 4, 0.5, 0deg);
+        transform: perspective(500px) translate3d(0, 0, 0) rotate3d(1, 4, 0.5, 0deg);
+    }
+
+    80% {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0;
+        -webkit-transform: perspective(500px) translate3d(-20%, -20%, 180px) rotate3d(1, 4, 0.5, -8deg);
+        transform: perspective(500px) translate3d(-20%, -20%, 180px) rotate3d(1, 4, 0.5, -8deg);
+    }
+}
+
+.animate__fallOut {
+    -webkit-animation-name: fallOut;
+    animation-name: fallOut;
+    -webkit-animation-duration: 2s;
+    animation-duration: 2s;
+    -webkit-animation-timing-function: cubic-bezier(.14, .57, .72, 1);
+    animation-timing-function: cubic-bezier(.14, .57, .72, 1);
+}
diff --git a/source/specials/spin.css b/source/specials/spin.css
new file mode 100644
index 000000000..74931513e
--- /dev/null
+++ b/source/specials/spin.css
@@ -0,0 +1,32 @@
+@-webkit-keyframes spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    to {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    to {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+.animate__spin {
+    -webkit-animation-name: spin;
+    animation-name: spin;
+    -webkit-animation-duration: 1.5s;
+    animation-duration: 1.5s;
+    -webkit-animation-timing-function: linear;
+    animation-timing-function: linear;
+}
diff --git a/source/zooming_entrances/growUp.css b/source/zooming_entrances/growUp.css
new file mode 100644
index 000000000..e9d439b74
--- /dev/null
+++ b/source/zooming_entrances/growUp.css
@@ -0,0 +1,30 @@
+@-webkit-keyframes growUp {
+    0% {
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+}
+
+@keyframes growUp {
+    0% {
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+
+    to {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+}
+
+.animate__growUp {
+    -webkit-animation-name: growUp;
+    animation-name: growUp;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+}
diff --git a/source/zooming_entrances/zoomInSpin.css b/source/zooming_entrances/zoomInSpin.css
new file mode 100644
index 000000000..d022d99e0
--- /dev/null
+++ b/source/zooming_entrances/zoomInSpin.css
@@ -0,0 +1,28 @@
+@-webkit-keyframes zoomInSpin {
+    0% {
+        -webkit-transform: scale(0) rotate(0deg);
+        transform: scale(0) rotate(0deg);
+    }
+
+    to {
+        -webkit-transform: scale(1) rotate(360deg);
+        transform: scale(1) rotate(360deg);
+    }
+}
+
+@keyframes zoomInSpin {
+    0% {
+        -webkit-transform: scale(0) rotate(0deg);
+        transform: scale(0) rotate(0deg);
+    }
+
+    to {
+        -webkit-transform: scale(1) rotate(360deg);
+        transform: scale(1) rotate(360deg);
+    }
+}
+
+.animate__zoomInSpin {
+    -webkit-animation-name: zoomInSpin;
+    animation-name: zoomInSpin;
+}
diff --git a/source/zooming_exits/shrinkDown.css b/source/zooming_exits/shrinkDown.css
new file mode 100644
index 000000000..f31abb452
--- /dev/null
+++ b/source/zooming_exits/shrinkDown.css
@@ -0,0 +1,30 @@
+@-webkit-keyframes shrinkDown {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+
+    to {
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+}
+
+@keyframes shrinkDown {
+    0% {
+        -webkit-transform: scale(1);
+        transform: scale(1);
+    }
+
+    to {
+        -webkit-transform: scale(0);
+        transform: scale(0);
+    }
+}
+
+.animate__shrinkDown {
+    -webkit-animation-name: shrinkDown;
+    animation-name: shrinkDown;
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+}
diff --git a/source/zooming_exits/zoomOutSpin.css b/source/zooming_exits/zoomOutSpin.css
new file mode 100644
index 000000000..4ffd51132
--- /dev/null
+++ b/source/zooming_exits/zoomOutSpin.css
@@ -0,0 +1,28 @@
+@-webkit-keyframes zoomOutSpin {
+    0% {
+        -webkit-transform: scale(1) rotate(0deg);
+        transform: scale(1) rotate(0deg);
+    }
+
+    to {
+        -webkit-transform: scale(0) rotate(-360deg);
+        transform: scale(0) rotate(-360deg);
+    }
+}
+
+@keyframes zoomOutSpin {
+    0% {
+        -webkit-transform: scale(1) rotate(0deg);
+        transform: scale(1) rotate(0deg);
+    }
+
+    to {
+        -webkit-transform: scale(0) rotate(-360deg);
+        transform: scale(0) rotate(-360deg);
+    }
+}
+
+.animate__zoomOutSpin {
+    -webkit-animation-name: zoomOutSpin;
+    animation-name: zoomOutSpin;
+}