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

This commit is contained in:
mesge 2015-08-06 14:22:40 +10:00
parent caa3153dbd
commit 5dea852f56
64 changed files with 66 additions and 66 deletions

View file

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

View file

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

View file

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

View file

@ -1,7 +1,7 @@
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
0% {
from {
transform: scale3d(1, 1, 1);
}

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,5 +1,5 @@
@keyframes flip {
0% {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}

View file

@ -1,5 +1,5 @@
@keyframes flipInX {
0% {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;

View file

@ -1,5 +1,5 @@
@keyframes flipInY {
0% {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1,5 +1,5 @@
@keyframes rotateInDownLeft {
0% {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;

View file

@ -1,5 +1,5 @@
@keyframes rotateInDownRight {
0% {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;

View file

@ -1,5 +1,5 @@
@keyframes rotateInUpLeft {
0% {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;

View file

@ -1,5 +1,5 @@
@keyframes rotateInUpRight {
0% {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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