replaced 0% keyframes with 'from' keyword to sidestep compression issues with yui-compressor

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);
   }

source/attention_seekers/flash.css

@@ -1,5 +1,5 @@
 @keyframes flash {
-  0%, 50%, 100% {
+  from, 50%, 100% {
     opacity: 1;
   }
 

source/attention_seekers/jello.css

@@ -1,5 +1,5 @@
 @keyframes jello {
-  0%, 11.1%, 100% {
+  from, 11.1%, 100% {
     transform: none
   }
   22.2% {

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);
   }
 

source/attention_seekers/rubberBand.css

@@ -1,5 +1,5 @@
 @keyframes rubberBand {
-  0% {
+  from {
     transform: scale3d(1, 1, 1);
   }
 

source/attention_seekers/shake.css

@@ -1,5 +1,5 @@
 @keyframes shake {
-  0%, 100% {
+  from, 100% {
     transform: translate3d(0, 0, 0);
   }
 

source/attention_seekers/tada.css

@@ -1,5 +1,5 @@
 @keyframes tada {
-  0% {
+  from {
     transform: scale3d(1, 1, 1);
   }
 

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;
   }
 

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);
   }
 

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);
   }
 

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);
   }
 

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);
   }

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);
   }

source/fading_entrances/fadeIn.css

@@ -1,5 +1,5 @@
 @keyframes fadeIn {
-  0% {opacity: 0;}
+  from {opacity: 0;}
   100% {opacity: 1;}
 }
 

source/fading_entrances/fadeInDown.css

@@ -1,5 +1,5 @@
 @keyframes fadeInDown {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
   }

source/fading_entrances/fadeInDownBig.css

@@ -1,5 +1,5 @@
 @keyframes fadeInDownBig {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, -2000px, 0);
   }

source/fading_entrances/fadeInLeft.css

@@ -1,5 +1,5 @@
 @keyframes fadeInLeft {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(-100%, 0, 0);
   }

source/fading_entrances/fadeInLeftBig.css

@@ -1,5 +1,5 @@
 @keyframes fadeInLeftBig {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(-2000px, 0, 0);
   }

source/fading_entrances/fadeInRight.css

@@ -1,5 +1,5 @@
 @keyframes fadeInRight {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(100%, 0, 0);
   }

source/fading_entrances/fadeInRightBig.css

@@ -1,5 +1,5 @@
 @keyframes fadeInRightBig {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(2000px, 0, 0);
   }

source/fading_entrances/fadeInUp.css

@@ -1,5 +1,5 @@
 @keyframes fadeInUp {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, 100%, 0);
   }

source/fading_entrances/fadeInUpBig.css

@@ -1,5 +1,5 @@
 @keyframes fadeInUpBig {
-  0% {
+  from {
     opacity: 0;
     transform: translate3d(0, 2000px, 0);
   }

source/fading_exits/fadeOut.css

@@ -1,5 +1,5 @@
 @keyframes fadeOut {
-  0% {opacity: 1;}
+  from {opacity: 1;}
   100% {opacity: 0;}
 }
 

source/fading_exits/fadeOutDown.css

@@ -1,5 +1,5 @@
 @keyframes fadeOutDown {
-  0% {
+  from {
     opacity: 1;
   }
 

source/fading_exits/fadeOutDownBig.css

@@ -1,5 +1,5 @@
 @keyframes fadeOutDownBig {
-  0% {
+  from {
     opacity: 1;
   }
 

source/fading_exits/fadeOutLeft.css

@@ -1,5 +1,5 @@
 @keyframes fadeOutLeft {
-  0% {
+  from {
     opacity: 1;
   }
 

source/fading_exits/fadeOutLeftBig.css

@@ -1,5 +1,5 @@
 @keyframes fadeOutLeftBig {
-  0% {
+  from {
     opacity: 1;
   }
 

source/fading_exits/fadeOutRight.css

@@ -1,5 +1,5 @@
 @keyframes fadeOutRight {
-  0% {
+  from {
     opacity: 1;
   }
 

source/fading_exits/fadeOutRightBig.css

@@ -1,5 +1,5 @@
 @keyframes fadeOutRightBig {
-  0% {
+  from {
     opacity: 1;
   }
 

source/fading_exits/fadeOutUp.css

@@ -1,5 +1,5 @@
 @keyframes fadeOutUp {
-  0% {
+  from {
     opacity: 1;
   }
 

source/fading_exits/fadeOutUpBig.css

@@ -1,5 +1,5 @@
 @keyframes fadeOutUpBig {
-  0% {
+  from {
     opacity: 1;
   }
 

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;
   }

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;

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;

source/flippers/flipOutX.css

@@ -1,5 +1,5 @@
 @keyframes flipOutX {
-  0% {
+  from {
     transform: perspective(400px);
   }
 

source/flippers/flipOutY.css

@@ -1,5 +1,5 @@
 @keyframes flipOutY {
-  0% {
+  from {
     transform: perspective(400px);
   }
 

source/lightspeed/lightSpeedIn.css

@@ -1,5 +1,5 @@
 @keyframes lightSpeedIn {
-  0% {
+  from {
     transform: translate3d(100%, 0, 0) skewX(-30deg);
     opacity: 0;
   }

source/lightspeed/lightSpeedOut.css

@@ -1,5 +1,5 @@
 @keyframes lightSpeedOut {
-  0% {
+  from {
     opacity: 1;
   }
 

source/rotating_entrances/rotateIn.css

@@ -1,5 +1,5 @@
 @keyframes rotateIn {
-  0% {
+  from {
     transform-origin: center;
     transform: rotate3d(0, 0, 1, -200deg);
     opacity: 0;

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;

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;

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;

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;

source/rotating_exits/rotateOut.css

@@ -1,5 +1,5 @@
 @keyframes rotateOut {
-  0% {
+  from {
     transform-origin: center;
     opacity: 1;
   }

source/rotating_exits/rotateOutDownLeft.css

@@ -1,5 +1,5 @@
 @keyframes rotateOutDownLeft {
-  0% {
+  from {
     transform-origin: left bottom;
     opacity: 1;
   }

source/rotating_exits/rotateOutDownRight.css

@@ -1,5 +1,5 @@
 @keyframes rotateOutDownRight {
-  0% {
+  from {
     transform-origin: right bottom;
     opacity: 1;
   }

source/rotating_exits/rotateOutUpLeft.css

@@ -1,5 +1,5 @@
 @keyframes rotateOutUpLeft {
-  0% {
+  from {
     transform-origin: left bottom;
     opacity: 1;
   }

source/rotating_exits/rotateOutUpRight.css

@@ -1,5 +1,5 @@
 @keyframes rotateOutUpRight {
-  0% {
+  from {
     transform-origin: right bottom;
     opacity: 1;
   }

source/sliding_entrances/slideInDown.css

@@ -1,5 +1,5 @@
 @keyframes slideInDown {
-  0% {
+  from {
     transform: translate3d(0, -100%, 0);
     visibility: visible;
   }

source/sliding_entrances/slideInLeft.css

@@ -1,5 +1,5 @@
 @keyframes slideInLeft {
-  0% {
+  from {
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }

source/sliding_entrances/slideInRight.css

@@ -1,5 +1,5 @@
 @keyframes slideInRight {
-  0% {
+  from {
     transform: translate3d(100%, 0, 0);
     visibility: visible;
   }

source/sliding_entrances/slideInUp.css

@@ -1,5 +1,5 @@
 @keyframes slideInUp {
-  0% {
+  from {
     transform: translate3d(0, 100%, 0);
     visibility: visible;
   }

source/sliding_exits/slideOutDown.css

@@ -1,5 +1,5 @@
 @keyframes slideOutDown {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }
 

source/sliding_exits/slideOutLeft.css

@@ -1,5 +1,5 @@
 @keyframes slideOutLeft {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }
 

source/sliding_exits/slideOutRight.css

@@ -1,5 +1,5 @@
 @keyframes slideOutRight {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }
 

source/sliding_exits/slideOutUp.css

@@ -1,5 +1,5 @@
 @keyframes slideOutUp {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }
 

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);
   }

source/specials/rollOut.css

@@ -1,7 +1,7 @@
 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
 
 @keyframes rollOut {
-  0% {
+  from {
     opacity: 1;
   }
 

source/zooming_entrances/zoomIn.css

@@ -1,5 +1,5 @@
 @keyframes zoomIn {
-  0% {
+  from {
     opacity: 0;
     transform: scale3d(.3, .3, .3);
   }

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);

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);

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);

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);

source/zooming_exits/zoomOut.css

@@ -1,5 +1,5 @@
 @keyframes zoomOut {
-  0% {
+  from {
     opacity: 1;
   }