Robot
/
animate.css
mirror of https://github.com/animate-css/animate.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Remove -ms- prefixes 

Since IE10 dropped the animation, transform, and transition prefixes,
and no stable release was made with them, we can safely drop the
prefixes, too. Cutting a good 20% off the file sizes!
This commit is contained in:
Dan Eden 2012-07-09 12:01:50 +01:00
parent 13e1439055
commit b3fae9fe00
58 changed files with 4 additions and 1613 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

778
animate.css vendored
View File

File diff suppressed because it is too large Load Diff

2
animate.min.css vendored
View File

File diff suppressed because one or more lines are too long

7
source/bounce.css
View File

@ -10,12 +10,6 @@
60% {-moz-transform: translateY(-15px);}
}
@-ms-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
40% {-ms-transform: translateY(-30px);}
60% {-ms-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
@ -30,7 +24,6 @@
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-ms-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}

21
source/bounceIn.css
View File

@ -38,26 +38,6 @@
}
}
@-ms-keyframes bounceIn {
0% {
opacity: 0;
-ms-transform: scale(.3);
}
50% {
opacity: 1;
-ms-transform: scale(1.05);
}
70% {
-ms-transform: scale(.9);
}
100% {
-ms-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
@ -101,7 +81,6 @@
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-ms-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}

21
source/bounceInDown.css
View File

@ -38,26 +38,6 @@
}
}
@-ms-keyframes bounceInDown {
0% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
60% {
opacity: 1;
-ms-transform: translateY(30px);
}
80% {
-ms-transform: translateY(-10px);
}
100% {
-ms-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
@ -101,7 +81,6 @@
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-ms-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}

21
source/bounceInLeft.css
View File

@ -38,26 +38,6 @@
}
}
@-ms-keyframes bounceInLeft {
0% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
60% {
opacity: 1;
-ms-transform: translateX(30px);
}
80% {
-ms-transform: translateX(-10px);
}
100% {
-ms-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
@ -101,7 +81,6 @@
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-ms-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}

21
source/bounceInRight.css
View File

@ -38,26 +38,6 @@
}
}
@-ms-keyframes bounceInRight {
0% {
opacity: 0;
-ms-transform: translateX(2000px);
}
60% {
opacity: 1;
-ms-transform: translateX(-30px);
}
80% {
-ms-transform: translateX(10px);
}
100% {
-ms-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
@ -101,7 +81,6 @@
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-ms-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}

20
source/bounceInUp.css
View File

@ -36,25 +36,6 @@
-moz-transform: translateY(0);
}
}
@-ms-keyframes bounceInUp {
0% {
opacity: 0;
-ms-transform: translateY(2000px);
}
60% {
opacity: 1;
-ms-transform: translateY(-30px);
}
80% {
-ms-transform: translateY(10px);
}
100% {
-ms-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
@ -99,7 +80,6 @@
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-ms-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}

21
source/bounceOut.css
View File

@ -38,26 +38,6 @@
}
}
@-ms-keyframes bounceOut {
0% {
-ms-transform: scale(1);
}
25% {
-ms-transform: scale(.95);
}
50% {
opacity: 1;
-ms-transform: scale(1.1);
}
100% {
opacity: 0;
-ms-transform: scale(.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
@ -101,7 +81,6 @@
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-ms-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}

17
source/bounceOutLeft.css
View File

@ -30,22 +30,6 @@
}
}
@-ms-keyframes bounceOutLeft {
0% {
-ms-transform: translateX(0);
}
20% {
opacity: 1;
-ms-transform: translateX(20px);
}
100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
@ -81,7 +65,6 @@
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-ms-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}

17
source/bounceOutRight.css
View File

@ -30,22 +30,6 @@
}
}
@-ms-keyframes bounceOutRight {
0% {
-ms-transform: translateX(0);
}
20% {
opacity: 1;
-ms-transform: translateX(-20px);
}
100% {
opacity: 0;
-ms-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
@ -81,7 +65,6 @@
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-ms-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}

17
source/bounceOutUp.css
View File

@ -30,22 +30,6 @@
}
}
@-ms-keyframes bounceOutUp {
0% {
-ms-transform: translateY(0);
}
20% {
opacity: 1;
-ms-transform: translateY(20px);
}
100% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
@ -81,7 +65,6 @@
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-ms-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}

87
source/bounceOutdown.css
View File

@ -1,87 +0,0 @@
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-ms-keyframes bounceOutDown {
0% {
-ms-transform: translateY(0);
}
20% {
opacity: 1;
-ms-transform: translateY(-20px);
}
100% {
opacity: 0;
-ms-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-ms-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}

6
source/fadeIn.css
View File

@ -8,11 +8,6 @@
100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
@ -26,7 +21,6 @@
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}

13
source/fadeInDown.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-20px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
@ -61,7 +49,6 @@
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}

13
source/fadeInDownBig.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeInDownBig {
0% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
@ -61,7 +49,6 @@
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-ms-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}

13
source/fadeInLeft.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeInLeft {
0% {
opacity: 0;
-ms-transform: translateX(-20px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
@ -61,7 +49,6 @@
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

12
source/fadeInLeftBig.css
View File

@ -20,17 +20,6 @@
-moz-transform: translateX(0);
}
}
@-ms-keyframes fadeInLeftBig {
0% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
@ -57,7 +46,6 @@
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-ms-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}

13
source/fadeInRight.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeInRight {
0% {
opacity: 0;
-ms-transform: translateX(20px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
@ -61,7 +49,6 @@
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-ms-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}

13
source/fadeInRightBig.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeInRightBig {
0% {
opacity: 0;
-ms-transform: translateX(2000px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
@ -61,7 +49,6 @@
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-ms-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}

13
source/fadeInUp.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeInUp {
0% {
opacity: 0;
-ms-transform: translateY(20px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
@ -61,7 +49,6 @@
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}

13
source/fadeInUpBig.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeInUpBig {
0% {
opacity: 0;
-ms-transform: translateY(2000px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
@ -61,7 +49,6 @@
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-ms-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}

6
source/fadeOut.css
View File

@ -8,11 +8,6 @@
100% {opacity: 0;}
}
@-ms-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
@ -26,7 +21,6 @@
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-ms-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}

13
source/fadeOutDown.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeOutDown {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
100% {
opacity: 0;
-ms-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
@ -61,7 +49,6 @@
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-ms-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}

13
source/fadeOutDownBig.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeOutDownBig {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
100% {
opacity: 0;
-ms-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
@ -61,7 +49,6 @@
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-ms-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}

13
source/fadeOutLeft.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeOutLeft {
0% {
opacity: 1;
-ms-transform: translateX(0);
}
100% {
opacity: 0;
-ms-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
@ -61,7 +49,6 @@
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-ms-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}

13
source/fadeOutLeftBig.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-ms-transform: translateX(0);
}
100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
@ -61,7 +49,6 @@
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-ms-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}

13
source/fadeOutRight.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeOutRight {
0% {
opacity: 1;
-ms-transform: translateX(0);
}
100% {
opacity: 0;
-ms-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
@ -61,7 +49,6 @@
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-ms-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}

12
source/fadeOutRightBig.css
View File

@ -20,17 +20,6 @@
-moz-transform: translateX(2000px);
}
}
@-ms-keyframes fadeOutRightBig {
0% {
opacity: 1;
-ms-transform: translateX(0);
}
100% {
opacity: 0;
-ms-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
@ -57,7 +46,6 @@
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-ms-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}

12
source/fadeOutUp.css
View File

@ -20,17 +20,6 @@
-moz-transform: translateY(-20px);
}
}
@-ms-keyframes fadeOutUp {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
100% {
opacity: 0;
-ms-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
@ -57,7 +46,6 @@
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-ms-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}

13
source/fadeOutUpBig.css
View File

@ -22,18 +22,6 @@
}
}
@-ms-keyframes fadeOutUpBig {
0% {
opacity: 1;
-ms-transform: translateY(0);
}
100% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
@ -61,7 +49,6 @@
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-ms-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}

6
source/flash.css
View File

@ -8,11 +8,6 @@
25%, 75% {opacity: 0;}
}
@-ms-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
@ -26,7 +21,6 @@
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-ms-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}

25
source/flip.css
View File

@ -42,28 +42,6 @@
-moz-animation-timing-function: ease-in;
}
}
@-ms-keyframes flip {
0% {
-ms-transform: perspective(400px) rotateY(0);
-ms-animation-timing-function: ease-out;
}
40% {
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-animation-timing-function: ease-out;
}
50% {
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-animation-timing-function: ease-in;
}
80% {
-ms-transform: perspective(400px) rotateY(360deg) scale(.95);
-ms-animation-timing-function: ease-in;
}
100% {
-ms-transform: perspective(400px) scale(1);
-ms-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
@ -112,15 +90,12 @@
.flip {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-ms-backface-visibility: visible !important;
-ms-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;

21
source/flipInX.css
View File

@ -36,25 +36,6 @@
opacity: 1;
}
}
@-ms-keyframes flipInX {
0% {
-ms-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-ms-transform: perspective(400px) rotateX(-10deg);
}
70% {
-ms-transform: perspective(400px) rotateX(10deg);
}
100% {
-ms-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
@ -99,8 +80,6 @@
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-ms-backface-visibility: visible !important;
-ms-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;

21
source/flipInY.css
View File

@ -36,25 +36,6 @@
opacity: 1;
}
}
@-ms-keyframes flipInY {
0% {
-ms-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-ms-transform: perspective(400px) rotateY(-10deg);
}
70% {
-ms-transform: perspective(400px) rotateY(10deg);
}
100% {
-ms-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
@ -99,8 +80,6 @@
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-ms-backface-visibility: visible !important;
-ms-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;

13
source/flipOutX.css
View File

@ -20,17 +20,6 @@
}
}
@-ms-keyframes flipOutX {
0% {
-ms-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-ms-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
@ -58,8 +47,6 @@
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-ms-animation-name: flipOutX;
-ms-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;

12
source/flipOutY.css
View File

@ -18,16 +18,6 @@
opacity: 0;
}
}
@-ms-keyframes flipOutY {
0% {
-ms-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-ms-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
@ -54,8 +44,6 @@
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-ms-backface-visibility: visible !important;
-ms-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;

9
source/hinge.css
View File

@ -14,14 +14,6 @@
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-ms-keyframes hinge {
0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
100% { -ms-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
@ -41,7 +33,6 @@
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-ms-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
}

9
source/lightSpeedIn.css
View File

@ -12,13 +12,6 @@
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-ms-keyframes lightSpeedIn {
0% { -ms-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -ms-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -ms-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -ms-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
@ -36,13 +29,11 @@
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-ms-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

7
source/lightSpeedOut.css
View File

@ -8,11 +8,6 @@
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-ms-keyframes lightSpeedOut {
0% { -ms-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -ms-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
@ -26,13 +21,11 @@
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-ms-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

6
source/pulse.css
View File

@ -10,11 +10,6 @@
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulse {
0% { -ms-transform: scale(1); }
50% { -ms-transform: scale(1.1); }
100% { -ms-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }
50% { -o-transform: scale(1.1); }
@ -29,7 +24,6 @@
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-ms-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}

6
source/rollIn.css
View File

@ -10,11 +10,6 @@
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-ms-keyframes rollIn {
0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
@ -28,7 +23,6 @@
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-ms-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
}

13
source/rollOut.css
View File

@ -24,18 +24,6 @@
}
}
@-ms-keyframes rollOut {
0% {
opacity: 1;
-ms-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-ms-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
@ -63,7 +51,6 @@
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-ms-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
}

14
source/rotateIn.css
View File

@ -24,19 +24,6 @@
opacity: 1;
}
}
@-ms-keyframes rotateIn {
0% {
-ms-transform-origin: center center;
-ms-transform: rotate(-200deg);
opacity: 0;
}
100% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
@ -67,7 +54,6 @@
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-ms-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}

15
source/rotateInDownLeft.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateInDownLeft {
0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
@ -71,7 +57,6 @@
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-ms-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}

15
source/rotateInDownRight.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateInDownRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
@ -71,7 +57,6 @@
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-ms-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}

15
source/rotateInUpLeft.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateInUpLeft {
0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
@ -71,7 +57,6 @@
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-ms-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}

15
source/rotateInUpRight.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateInUpRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
@ -71,7 +57,6 @@
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-ms-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}

15
source/rotateOut.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateOut {
0% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1;
}
100% {
-ms-transform-origin: center center;
-ms-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
@ -71,7 +57,6 @@
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-ms-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}

15
source/rotateOutDownLeft.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateOutDownLeft {
0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
@ -71,7 +57,6 @@
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-ms-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}

15
source/rotateOutDownRight.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateOutDownRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
@ -71,7 +57,6 @@
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-ms-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}

15
source/rotateOutUpLeft.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateOutUpLeft {
0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
@ -71,7 +57,6 @@
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-ms-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}

15
source/rotateOutUpRight.css
View File

@ -26,20 +26,6 @@
}
}
@-ms-keyframes rotateOutUpRight {
0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
@ -71,7 +57,6 @@
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-ms-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}

7
source/shake.css
View File

@ -10,12 +10,6 @@
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-ms-keyframes shake {
0%, 100% {-ms-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-ms-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
@ -31,7 +25,6 @@
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-ms-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}

10
source/swing.css
View File

@ -15,14 +15,6 @@
100% { -moz-transform: rotate(0deg); }
}
@-ms-keyframes swing {
20% { -ms-transform: rotate(15deg); }
40% { -ms-transform: rotate(-10deg); }
60% { -ms-transform: rotate(5deg); }
80% { -ms-transform: rotate(-5deg); }
100% { -ms-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
@ -42,12 +34,10 @@
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-ms-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
}

9
source/tada.css
View File

@ -14,14 +14,6 @@
100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes tada {
0% {-ms-transform: scale(1);}
10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
100% {-ms-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
@ -41,7 +33,6 @@
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-ms-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}

16
source/wiggle.css
View File

@ -26,20 +26,6 @@
100% { -moz-transform: skewX(0deg); }
}
@-ms-keyframes wiggle {
0% { -ms-transform: skewX(9deg); }
10% { -ms-transform: skewX(-8deg); }
20% { -ms-transform: skewX(7deg); }
30% { -ms-transform: skewX(-6deg); }
40% { -ms-transform: skewX(5deg); }
50% { -ms-transform: skewX(-4deg); }
60% { -ms-transform: skewX(3deg); }
70% { -ms-transform: skewX(-2deg); }
80% { -ms-transform: skewX(1deg); }
90% { -ms-transform: skewX(0deg); }
100% { -ms-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
@ -71,13 +57,11 @@
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-ms-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

11
source/wobble.css
View File

@ -20,16 +20,6 @@
100% { -moz-transform: translateX(0%); }
}
@-ms-keyframes wobble {
0% { -ms-transform: translateX(0%); }
15% { -ms-transform: translateX(-25%) rotate(-5deg); }
30% { -ms-transform: translateX(20%) rotate(3deg); }
45% { -ms-transform: translateX(-15%) rotate(-3deg); }
60% { -ms-transform: translateX(10%) rotate(2deg); }
75% { -ms-transform: translateX(-5%) rotate(-1deg); }
100% { -ms-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
@ -53,7 +43,6 @@
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-ms-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}