replaced 0% keyframes with 'from' keyword to sidestep compression iss…

…ues with yui-compressor
zhangkx666 · Aug 6, 2015 · 5dea852 · 5dea852
1 parent caa3153
commit 5dea852
Show file tree

Hide file tree

Showing 64 changed files with 66 additions and 66 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1,5 +1,5 @@
 @keyframes fadeOutDown {
-  0% {
+  from {
     opacity: 1;
   }
 

diff --git 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
@@ -1,5 +1,5 @@
 @keyframes fadeOutLeft {
-  0% {
+  from {
     opacity: 1;
   }
 

diff --git 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
@@ -1,5 +1,5 @@
 @keyframes fadeOutRight {
-  0% {
+  from {
     opacity: 1;
   }
 

diff --git 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
@@ -1,5 +1,5 @@
 @keyframes fadeOutUp {
-  0% {
+  from {
     opacity: 1;
   }
 

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -1,5 +1,5 @@
 @keyframes flipOutX {
-  0% {
+  from {
     transform: perspective(400px);
   }
 

diff --git 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
@@ -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
@@ -1,5 +1,5 @@
 @keyframes lightSpeedOut {
-  0% {
+  from {
     opacity: 1;
   }
 

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1,5 +1,5 @@
 @keyframes slideOutRight {
-  0% {
+  from {
     transform: translate3d(0, 0, 0);
   }