diff --git a/source/attention_seekers/bounce.css b/source/attention_seekers/bounce.css
index fac5fe9..8c40c0f 100644
--- a/source/attention_seekers/bounce.css
+++ b/source/attention_seekers/bounce.css
@@ -1,5 +1,5 @@
 @keyframes bounce {
-  0%, 20%, 53%, 80%, 100% {
+  from, 20%, 53%, 80%, 100% {
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     transform: translate3d(0,0,0);
   }
diff --git a/source/attention_seekers/flash.css b/source/attention_seekers/flash.css
index b41036a..c4622e6 100644
--- a/source/attention_seekers/flash.css
+++ b/source/attention_seekers/flash.css
@@ -1,5 +1,5 @@
 @keyframes flash {
-  0%, 50%, 100% {
+  from, 50%, 100% {
     opacity: 1;
   }
 
diff --git a/source/attention_seekers/jello.css b/source/attention_seekers/jello.css
index a911598..d61f27f 100644
--- a/source/attention_seekers/jello.css
+++ b/source/attention_seekers/jello.css
@@ -1,5 +1,5 @@
 @keyframes jello {
-  0%, 11.1%, 100% {
+  from, 11.1%, 100% {
     transform: none
   }
   22.2% {
diff --git a/source/attention_seekers/pulse.css b/source/attention_seekers/pulse.css
index 8591205..3dec652 100644
--- a/source/attention_seekers/pulse.css
+++ b/source/attention_seekers/pulse.css
@@ -1,7 +1,7 @@
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @keyframes pulse {
-  0% {
+  from {
     transform: scale3d(1, 1, 1);
   }
 
diff --git a/source/attention_seekers/rubberBand.css b/source/attention_seekers/rubberBand.css
index 25f44d6..e2789fb 100644
--- a/source/attention_seekers/rubberBand.css
+++ b/source/attention_seekers/rubberBand.css
@@ -1,5 +1,5 @@
 @keyframes rubberBand {
-  0% {
+  from {
     transform: scale3d(1, 1, 1);
   }
 
diff --git a/source/attention_seekers/shake.css b/source/attention_seekers/shake.css
index 24a5766..61c6f48 100644
--- a/source/attention_seekers/shake.css
+++ b/source/attention_seekers/shake.css
@@ -1,5 +1,5 @@
 @keyframes shake {
-  0%, 100% {
+  from, 100% {
     transform: translate3d(0, 0, 0);
   }
 
diff --git a/source/attention_seekers/tada.css b/source/attention_seekers/tada.css
index 511ba4e..78b6806 100644
--- a/source/attention_seekers/tada.css
+++ b/source/attention_seekers/tada.css
@@ -1,5 +1,5 @@
 @keyframes tada {
-  0% {
+  from {
     transform: scale3d(1, 1, 1);
   }
 
diff --git a/source/attention_seekers/wobble.css b/source/attention_seekers/wobble.css
index 5a653a3..9cfe501 100644
--- a/source/attention_seekers/wobble.css
+++ b/source/attention_seekers/wobble.css
@@ -1,7 +1,7 @@
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @keyframes wobble {
-  0% {
+  from {
     transform: none;
   }
 
diff --git a/source/bouncing_entrances/bounceIn.css b/source/bouncing_entrances/bounceIn.css
index 14a6867..ad0e93e 100644
--- a/source/bouncing_entrances/bounceIn.css
+++ b/source/bouncing_entrances/bounceIn.css
@@ -1,5 +1,5 @@
 @keyframes bounceIn {
-  0%, 20%, 40%, 60%, 80%, 100% {
+  from, 20%, 40%, 60%, 80%, 100% {
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
diff --git a/source/bouncing_entrances/bounceInDown.css b/source/bouncing_entrances/bounceInDown.css
index dd531db..0a27d32 100644
--- a/source/bouncing_entrances/bounceInDown.css
+++ b/source/bouncing_entrances/bounceInDown.css
@@ -1,5 +1,5 @@
 @keyframes bounceInDown {
-  0%, 60%, 75%, 90%, 100% {
+  from, 60%, 75%, 90%, 100% {
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
diff --git a/source/bouncing_entrances/bounceInLeft.css b/source/bouncing_entrances/bounceInLeft.css
index a868bee..b1eed00 100644
--- a/source/bouncing_entrances/bounceInLeft.css
+++ b/source/bouncing_entrances/bounceInLeft.css
@@ -1,5 +1,5 @@
 @keyframes bounceInLeft {
-  0%, 60%, 75%, 90%, 100% {
+  from, 60%, 75%, 90%, 100% {
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
diff --git a/source/bouncing_entrances/bounceInRight.css b/source/bouncing_entrances/bounceInRight.css
index 3c129cb..48d8b71 100644
--- a/source/bouncing_entrances/bounceInRight.css
+++ b/source/bouncing_entrances/bounceInRight.css
@@ -1,9 +1,9 @@
 @keyframes bounceInRight {
-  0%, 60%, 75%, 90%, 100% {
+  from, 60%, 75%, 90%, 100% {
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(3000px, 0, 0);
   }
diff --git a/source/bouncing_entrances/bounceInUp.css b/source/bouncing_entrances/bounceInUp.css
index acfbe49..a08ed6a 100644
--- a/source/bouncing_entrances/bounceInUp.css
+++ b/source/bouncing_entrances/bounceInUp.css
@@ -1,9 +1,9 @@
 @keyframes bounceInUp {
-  0%, 60%, 75%, 90%, 100% {
+  from, 60%, 75%, 90%, 100% {
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, 3000px, 0);
   }
diff --git a/source/fading_entrances/fadeIn.css b/source/fading_entrances/fadeIn.css
index eab85fc..a2f1039 100644
--- a/source/fading_entrances/fadeIn.css
+++ b/source/fading_entrances/fadeIn.css
@@ -1,5 +1,5 @@
 @keyframes fadeIn {
-  0% {opacity: 0;}
+  from {opacity: 0;}
   100% {opacity: 1;}
 }
 
diff --git a/source/fading_entrances/fadeInDown.css b/source/fading_entrances/fadeInDown.css
index 100c195..4b257b9 100644
--- a/source/fading_entrances/fadeInDown.css
+++ b/source/fading_entrances/fadeInDown.css
@@ -1,5 +1,5 @@
 @keyframes fadeInDown {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
   }
diff --git a/source/fading_entrances/fadeInDownBig.css b/source/fading_entrances/fadeInDownBig.css
index 222fd89..f1b0975 100644
--- a/source/fading_entrances/fadeInDownBig.css
+++ b/source/fading_entrances/fadeInDownBig.css
@@ -1,5 +1,5 @@
 @keyframes fadeInDownBig {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, -2000px, 0);
   }
diff --git a/source/fading_entrances/fadeInLeft.css b/source/fading_entrances/fadeInLeft.css
index 294a50e..d081b1f 100644
--- a/source/fading_entrances/fadeInLeft.css
+++ b/source/fading_entrances/fadeInLeft.css
@@ -1,5 +1,5 @@
 @keyframes fadeInLeft {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0);
   }
diff --git a/source/fading_entrances/fadeInLeftBig.css b/source/fading_entrances/fadeInLeftBig.css
index fa580e9..788878a 100644
--- a/source/fading_entrances/fadeInLeftBig.css
+++ b/source/fading_entrances/fadeInLeftBig.css
@@ -1,5 +1,5 @@
 @keyframes fadeInLeftBig {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(-2000px, 0, 0);
   }
diff --git a/source/fading_entrances/fadeInRight.css b/source/fading_entrances/fadeInRight.css
index ce1bbbf..50f13ca 100644
--- a/source/fading_entrances/fadeInRight.css
+++ b/source/fading_entrances/fadeInRight.css
@@ -1,5 +1,5 @@
 @keyframes fadeInRight {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(100%, 0, 0);
   }
diff --git a/source/fading_entrances/fadeInRightBig.css b/source/fading_entrances/fadeInRightBig.css
index deabf19..6616189 100644
--- a/source/fading_entrances/fadeInRightBig.css
+++ b/source/fading_entrances/fadeInRightBig.css
@@ -1,5 +1,5 @@
 @keyframes fadeInRightBig {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(2000px, 0, 0);
   }
diff --git a/source/fading_entrances/fadeInUp.css b/source/fading_entrances/fadeInUp.css
index 1094129..339df08 100644
--- a/source/fading_entrances/fadeInUp.css
+++ b/source/fading_entrances/fadeInUp.css
@@ -1,5 +1,5 @@
 @keyframes fadeInUp {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, 100%, 0);
   }
diff --git a/source/fading_entrances/fadeInUpBig.css b/source/fading_entrances/fadeInUpBig.css
index 20a0c10..5c96818 100644
--- a/source/fading_entrances/fadeInUpBig.css
+++ b/source/fading_entrances/fadeInUpBig.css
@@ -1,5 +1,5 @@
 @keyframes fadeInUpBig {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, 2000px, 0);
   }
diff --git a/source/fading_exits/fadeOut.css b/source/fading_exits/fadeOut.css
index aef78c1..9629b24 100644
--- a/source/fading_exits/fadeOut.css
+++ b/source/fading_exits/fadeOut.css
@@ -1,5 +1,5 @@
 @keyframes fadeOut {
-  0% {opacity: 1;}
+  from {opacity: 1;}
   100% {opacity: 0;}
 }
 
diff --git a/source/fading_exits/fadeOutDown.css b/source/fading_exits/fadeOutDown.css
index e5daaec..76d9279 100644
--- a/source/fading_exits/fadeOutDown.css
+++ b/source/fading_exits/fadeOutDown.css
@@ -1,5 +1,5 @@
 @keyframes fadeOutDown {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/fading_exits/fadeOutDownBig.css b/source/fading_exits/fadeOutDownBig.css
index 40ffc80..0a289d7 100644
--- a/source/fading_exits/fadeOutDownBig.css
+++ b/source/fading_exits/fadeOutDownBig.css
@@ -1,5 +1,5 @@
 @keyframes fadeOutDownBig {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/fading_exits/fadeOutLeft.css b/source/fading_exits/fadeOutLeft.css
index 349c900..7cda98c 100644
--- a/source/fading_exits/fadeOutLeft.css
+++ b/source/fading_exits/fadeOutLeft.css
@@ -1,5 +1,5 @@
 @keyframes fadeOutLeft {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/fading_exits/fadeOutLeftBig.css b/source/fading_exits/fadeOutLeftBig.css
index 4d7aa62..8c71e8a 100644
--- a/source/fading_exits/fadeOutLeftBig.css
+++ b/source/fading_exits/fadeOutLeftBig.css
@@ -1,5 +1,5 @@
 @keyframes fadeOutLeftBig {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/fading_exits/fadeOutRight.css b/source/fading_exits/fadeOutRight.css
index 687df49..9366cff 100644
--- a/source/fading_exits/fadeOutRight.css
+++ b/source/fading_exits/fadeOutRight.css
@@ -1,5 +1,5 @@
 @keyframes fadeOutRight {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/fading_exits/fadeOutRightBig.css b/source/fading_exits/fadeOutRightBig.css
index 2a0f8ab..ca73cba 100644
--- a/source/fading_exits/fadeOutRightBig.css
+++ b/source/fading_exits/fadeOutRightBig.css
@@ -1,5 +1,5 @@
 @keyframes fadeOutRightBig {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/fading_exits/fadeOutUp.css b/source/fading_exits/fadeOutUp.css
index d07d68e..d1134cb 100644
--- a/source/fading_exits/fadeOutUp.css
+++ b/source/fading_exits/fadeOutUp.css
@@ -1,5 +1,5 @@
 @keyframes fadeOutUp {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/fading_exits/fadeOutUpBig.css b/source/fading_exits/fadeOutUpBig.css
index 4408b5d..9846d70 100644
--- a/source/fading_exits/fadeOutUpBig.css
+++ b/source/fading_exits/fadeOutUpBig.css
@@ -1,5 +1,5 @@
 @keyframes fadeOutUpBig {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/flippers/flip.css b/source/flippers/flip.css
index 297c23b..d33f761 100644
--- a/source/flippers/flip.css
+++ b/source/flippers/flip.css
@@ -1,5 +1,5 @@
 @keyframes flip {
-  0% {
+  from {
     transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
     animation-timing-function: ease-out;
   }
diff --git a/source/flippers/flipInX.css b/source/flippers/flipInX.css
index d705607..d0a9b81 100644
--- a/source/flippers/flipInX.css
+++ b/source/flippers/flipInX.css
@@ -1,5 +1,5 @@
 @keyframes flipInX {
-  0% {
+  from {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     animation-timing-function: ease-in;
     opacity: 0;
diff --git a/source/flippers/flipInY.css b/source/flippers/flipInY.css
index 56b287a..6cc704e 100644
--- a/source/flippers/flipInY.css
+++ b/source/flippers/flipInY.css
@@ -1,5 +1,5 @@
 @keyframes flipInY {
-  0% {
+  from {
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     animation-timing-function: ease-in;
     opacity: 0;
diff --git a/source/flippers/flipOutX.css b/source/flippers/flipOutX.css
index dbbdba5..57d2ed3 100644
--- a/source/flippers/flipOutX.css
+++ b/source/flippers/flipOutX.css
@@ -1,5 +1,5 @@
 @keyframes flipOutX {
-  0% {
+  from {
     transform: perspective(400px);
   }
 
diff --git a/source/flippers/flipOutY.css b/source/flippers/flipOutY.css
index 1238b0c..b028e0f 100644
--- a/source/flippers/flipOutY.css
+++ b/source/flippers/flipOutY.css
@@ -1,5 +1,5 @@
 @keyframes flipOutY {
-  0% {
+  from {
     transform: perspective(400px);
   }
 
diff --git a/source/lightspeed/lightSpeedIn.css b/source/lightspeed/lightSpeedIn.css
index be6497a..0ac1553 100644
--- a/source/lightspeed/lightSpeedIn.css
+++ b/source/lightspeed/lightSpeedIn.css
@@ -1,5 +1,5 @@
 @keyframes lightSpeedIn {
-  0% {
+  from {
     transform: translate3d(100%, 0, 0) skewX(-30deg);
     opacity: 0;
   }
diff --git a/source/lightspeed/lightSpeedOut.css b/source/lightspeed/lightSpeedOut.css
index d768746..2ddc9a2 100644
--- a/source/lightspeed/lightSpeedOut.css
+++ b/source/lightspeed/lightSpeedOut.css
@@ -1,5 +1,5 @@
 @keyframes lightSpeedOut {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/rotating_entrances/rotateIn.css b/source/rotating_entrances/rotateIn.css
index 3003792..aeb6fc2 100644
--- a/source/rotating_entrances/rotateIn.css
+++ b/source/rotating_entrances/rotateIn.css
@@ -1,5 +1,5 @@
 @keyframes rotateIn {
-  0% {
+  from {
     transform-origin: center;
     transform: rotate3d(0, 0, 1, -200deg);
     opacity: 0;
diff --git a/source/rotating_entrances/rotateInDownLeft.css b/source/rotating_entrances/rotateInDownLeft.css
index 93b953b..9ca4dde 100644
--- a/source/rotating_entrances/rotateInDownLeft.css
+++ b/source/rotating_entrances/rotateInDownLeft.css
@@ -1,5 +1,5 @@
 @keyframes rotateInDownLeft {
-  0% {
+  from {
     transform-origin: left bottom;
     transform: rotate3d(0, 0, 1, -45deg);
     opacity: 0;
diff --git a/source/rotating_entrances/rotateInDownRight.css b/source/rotating_entrances/rotateInDownRight.css
index 826a129..6905fea 100644
--- a/source/rotating_entrances/rotateInDownRight.css
+++ b/source/rotating_entrances/rotateInDownRight.css
@@ -1,5 +1,5 @@
 @keyframes rotateInDownRight {
-  0% {
+  from {
     transform-origin: right bottom;
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
diff --git a/source/rotating_entrances/rotateInUpLeft.css b/source/rotating_entrances/rotateInUpLeft.css
index 31d623e..b12231c 100644
--- a/source/rotating_entrances/rotateInUpLeft.css
+++ b/source/rotating_entrances/rotateInUpLeft.css
@@ -1,5 +1,5 @@
 @keyframes rotateInUpLeft {
-  0% {
+  from {
     transform-origin: left bottom;
     transform: rotate3d(0, 0, 1, 45deg);
     opacity: 0;
diff --git a/source/rotating_entrances/rotateInUpRight.css b/source/rotating_entrances/rotateInUpRight.css
index 43004ad..b84a453 100644
--- a/source/rotating_entrances/rotateInUpRight.css
+++ b/source/rotating_entrances/rotateInUpRight.css
@@ -1,5 +1,5 @@
 @keyframes rotateInUpRight {
-  0% {
+  from {
     transform-origin: right bottom;
     transform: rotate3d(0, 0, 1, -90deg);
     opacity: 0;
diff --git a/source/rotating_exits/rotateOut.css b/source/rotating_exits/rotateOut.css
index 576e807..29790f4 100644
--- a/source/rotating_exits/rotateOut.css
+++ b/source/rotating_exits/rotateOut.css
@@ -1,5 +1,5 @@
 @keyframes rotateOut {
-  0% {
+  from {
     transform-origin: center;
     opacity: 1;
   }
diff --git a/source/rotating_exits/rotateOutDownLeft.css b/source/rotating_exits/rotateOutDownLeft.css
index 409d540..18f9c17 100644
--- a/source/rotating_exits/rotateOutDownLeft.css
+++ b/source/rotating_exits/rotateOutDownLeft.css
@@ -1,5 +1,5 @@
 @keyframes rotateOutDownLeft {
-  0% {
+  from {
     transform-origin: left bottom;
     opacity: 1;
   }
diff --git a/source/rotating_exits/rotateOutDownRight.css b/source/rotating_exits/rotateOutDownRight.css
index 44284a7..de20f6a 100644
--- a/source/rotating_exits/rotateOutDownRight.css
+++ b/source/rotating_exits/rotateOutDownRight.css
@@ -1,5 +1,5 @@
 @keyframes rotateOutDownRight {
-  0% {
+  from {
     transform-origin: right bottom;
     opacity: 1;
   }
diff --git a/source/rotating_exits/rotateOutUpLeft.css b/source/rotating_exits/rotateOutUpLeft.css
index eaad38a..5bfbbf0 100644
--- a/source/rotating_exits/rotateOutUpLeft.css
+++ b/source/rotating_exits/rotateOutUpLeft.css
@@ -1,5 +1,5 @@
 @keyframes rotateOutUpLeft {
-  0% {
+  from {
     transform-origin: left bottom;
     opacity: 1;
   }
diff --git a/source/rotating_exits/rotateOutUpRight.css b/source/rotating_exits/rotateOutUpRight.css
index 183f3da..039ef15 100644
--- a/source/rotating_exits/rotateOutUpRight.css
+++ b/source/rotating_exits/rotateOutUpRight.css
@@ -1,5 +1,5 @@
 @keyframes rotateOutUpRight {
-  0% {
+  from {
     transform-origin: right bottom;
     opacity: 1;
   }
diff --git a/source/sliding_entrances/slideInDown.css b/source/sliding_entrances/slideInDown.css
index 8f31004..a5589a5 100644
--- a/source/sliding_entrances/slideInDown.css
+++ b/source/sliding_entrances/slideInDown.css
@@ -1,5 +1,5 @@
 @keyframes slideInDown {
-  0% {
+  from {
     transform: translate3d(0, -100%, 0);
     visibility: visible;
   }
diff --git a/source/sliding_entrances/slideInLeft.css b/source/sliding_entrances/slideInLeft.css
index b47e954..966c5f7 100644
--- a/source/sliding_entrances/slideInLeft.css
+++ b/source/sliding_entrances/slideInLeft.css
@@ -1,5 +1,5 @@
 @keyframes slideInLeft {
-  0% {
+  from {
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }
diff --git a/source/sliding_entrances/slideInRight.css b/source/sliding_entrances/slideInRight.css
index c74f45d..6e5e0b1 100644
--- a/source/sliding_entrances/slideInRight.css
+++ b/source/sliding_entrances/slideInRight.css
@@ -1,5 +1,5 @@
 @keyframes slideInRight {
-  0% {
+  from {
     transform: translate3d(100%, 0, 0);
     visibility: visible;
   }
diff --git a/source/sliding_entrances/slideInUp.css b/source/sliding_entrances/slideInUp.css
index 2601c98..b544409 100644
--- a/source/sliding_entrances/slideInUp.css
+++ b/source/sliding_entrances/slideInUp.css
@@ -1,5 +1,5 @@
 @keyframes slideInUp {
-  0% {
+  from {
     transform: translate3d(0, 100%, 0);
     visibility: visible;
   }
diff --git a/source/sliding_exits/slideOutDown.css b/source/sliding_exits/slideOutDown.css
index 1277900..d5ed490 100644
--- a/source/sliding_exits/slideOutDown.css
+++ b/source/sliding_exits/slideOutDown.css
@@ -1,5 +1,5 @@
 @keyframes slideOutDown {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }
 
diff --git a/source/sliding_exits/slideOutLeft.css b/source/sliding_exits/slideOutLeft.css
index eaff3fb..cff4f3a 100644
--- a/source/sliding_exits/slideOutLeft.css
+++ b/source/sliding_exits/slideOutLeft.css
@@ -1,5 +1,5 @@
 @keyframes slideOutLeft {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }
 
diff --git a/source/sliding_exits/slideOutRight.css b/source/sliding_exits/slideOutRight.css
index 20f47b6..f796db3 100644
--- a/source/sliding_exits/slideOutRight.css
+++ b/source/sliding_exits/slideOutRight.css
@@ -1,5 +1,5 @@
 @keyframes slideOutRight {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }
 
diff --git a/source/sliding_exits/slideOutUp.css b/source/sliding_exits/slideOutUp.css
index 7618a11..83c3537 100644
--- a/source/sliding_exits/slideOutUp.css
+++ b/source/sliding_exits/slideOutUp.css
@@ -1,5 +1,5 @@
 @keyframes slideOutUp {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }
 
diff --git a/source/specials/rollIn.css b/source/specials/rollIn.css
index 3b27783..92526cb 100644
--- a/source/specials/rollIn.css
+++ b/source/specials/rollIn.css
@@ -1,7 +1,7 @@
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @keyframes rollIn {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
   }
diff --git a/source/specials/rollOut.css b/source/specials/rollOut.css
index f9cd813..328a891 100644
--- a/source/specials/rollOut.css
+++ b/source/specials/rollOut.css
@@ -1,7 +1,7 @@
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @keyframes rollOut {
-  0% {
+  from {
     opacity: 1;
   }
 
diff --git a/source/zooming_entrances/zoomIn.css b/source/zooming_entrances/zoomIn.css
index d03fa83..fe43013 100644
--- a/source/zooming_entrances/zoomIn.css
+++ b/source/zooming_entrances/zoomIn.css
@@ -1,5 +1,5 @@
 @keyframes zoomIn {
-  0% {
+  from {
     opacity: 0;
     transform: scale3d(.3, .3, .3);
   }
diff --git a/source/zooming_entrances/zoomInDown.css b/source/zooming_entrances/zoomInDown.css
index 6e70bf4..f5d60a4 100644
--- a/source/zooming_entrances/zoomInDown.css
+++ b/source/zooming_entrances/zoomInDown.css
@@ -1,5 +1,5 @@
 @keyframes zoomInDown {
-  0% {
+  from {
     opacity: 0;
     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
diff --git a/source/zooming_entrances/zoomInLeft.css b/source/zooming_entrances/zoomInLeft.css
index 3ee2df1..1e3ddfe 100644
--- a/source/zooming_entrances/zoomInLeft.css
+++ b/source/zooming_entrances/zoomInLeft.css
@@ -1,5 +1,5 @@
 @keyframes zoomInLeft {
-  0% {
+  from {
     opacity: 0;
     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
diff --git a/source/zooming_entrances/zoomInRight.css b/source/zooming_entrances/zoomInRight.css
index 04c7d8f..276da66 100644
--- a/source/zooming_entrances/zoomInRight.css
+++ b/source/zooming_entrances/zoomInRight.css
@@ -1,5 +1,5 @@
 @keyframes zoomInRight {
-  0% {
+  from {
     opacity: 0;
     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
diff --git a/source/zooming_entrances/zoomInUp.css b/source/zooming_entrances/zoomInUp.css
index 2518fa1..c3e23a4 100644
--- a/source/zooming_entrances/zoomInUp.css
+++ b/source/zooming_entrances/zoomInUp.css
@@ -1,5 +1,5 @@
 @keyframes zoomInUp {
-  0% {
+  from {
     opacity: 0;
     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
diff --git a/source/zooming_exits/zoomOut.css b/source/zooming_exits/zoomOut.css
index f400e35..334973c 100644
--- a/source/zooming_exits/zoomOut.css
+++ b/source/zooming_exits/zoomOut.css
@@ -1,5 +1,5 @@
 @keyframes zoomOut {
-  0% {
+  from {
     opacity: 1;
   }