Fix: animation started even no animated class

On Firefox, even if there is no '.animated' class the animation is still
started.
This commit is contained in:
mintbird 2013-07-20 18:01:43 +07:00
parent 8429a2d0d7
commit a4f7538626
2 changed files with 57 additions and 57 deletions

112
animate.css vendored
View file

@ -52,7 +52,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
25%, 75% {opacity: 0;}
}
.flash {
.animated.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
@ -82,7 +82,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
.animated.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
@ -111,7 +111,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
60% {transform: translateY(-15px);}
}
.bounce {
.animated.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
@ -149,7 +149,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% {transform: scale(1) rotate(0);}
}
.tada {
.animated.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
@ -188,7 +188,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% { transform: rotate(0deg); }
}
.swing {
.animated.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
@ -240,7 +240,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% { transform: translateX(0%); }
}
.wobble {
.animated.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
@ -269,7 +269,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% { transform: scale(1); }
}
.pulse {
.animated.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
@ -364,7 +364,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.flip {
.animated.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
@ -451,7 +451,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.flipInX {
.animated.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
@ -505,7 +505,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.flipOutX {
.animated.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
@ -592,7 +592,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.flipInY {
.animated.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
@ -643,7 +643,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.flipOutY {
.animated.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
@ -673,7 +673,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% {opacity: 1;}
}
.fadeIn {
.animated.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
@ -727,7 +727,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeInUp {
.animated.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
@ -781,7 +781,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeInDown {
.animated.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
@ -835,7 +835,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeInLeft {
.animated.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
@ -889,7 +889,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeInRight {
.animated.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
@ -943,7 +943,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeInUpBig {
.animated.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
@ -997,7 +997,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeInDownBig {
.animated.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
@ -1048,7 +1048,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeInLeftBig {
.animated.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
@ -1102,7 +1102,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeInRightBig {
.animated.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
@ -1128,7 +1128,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% {opacity: 0;}
}
.fadeOut {
.animated.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
@ -1179,7 +1179,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeOutUp {
.animated.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
@ -1233,7 +1233,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeOutDown {
.animated.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
@ -1287,7 +1287,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeOutLeft {
.animated.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
@ -1341,7 +1341,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeOutRight {
.animated.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
@ -1395,7 +1395,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeOutUpBig {
.animated.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
@ -1449,7 +1449,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeOutDownBig {
.animated.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
@ -1503,7 +1503,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeOutLeftBig {
.animated.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
@ -1554,7 +1554,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.fadeOutRightBig {
.animated.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
@ -1640,7 +1640,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceIn {
.animated.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
@ -1725,7 +1725,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceInUp {
.animated.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
@ -1811,7 +1811,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceInDown {
.animated.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
@ -1897,7 +1897,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceInLeft {
.animated.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
@ -1983,7 +1983,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceInRight {
.animated.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
@ -2069,7 +2069,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceOut {
.animated.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
@ -2139,7 +2139,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceOutUp {
.animated.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
@ -2209,7 +2209,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceOutDown {
.animated.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
@ -2279,7 +2279,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceOutLeft {
.animated.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
@ -2349,7 +2349,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.bounceOutRight {
.animated.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
@ -2408,7 +2408,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateIn {
.animated.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
@ -2470,7 +2470,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateInUpLeft {
.animated.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
@ -2532,7 +2532,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateInDownLeft {
.animated.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
@ -2594,7 +2594,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateInUpRight {
.animated.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
@ -2656,7 +2656,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateInDownRight {
.animated.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
@ -2718,7 +2718,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateOut {
.animated.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
@ -2780,7 +2780,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateOutUpLeft {
.animated.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
@ -2842,7 +2842,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateOutDownLeft {
.animated.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
@ -2904,7 +2904,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateOutUpRight {
.animated.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
@ -2966,7 +2966,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rotateOutDownRight {
.animated.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
@ -3004,7 +3004,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% { transform: translateY(700px); opacity: 0; }
}
.hinge {
.animated.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
@ -3032,7 +3032,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
.animated.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
@ -3088,7 +3088,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
}
}
.rollOut {
.animated.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
@ -3125,7 +3125,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.lightSpeedIn {
.animated.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
@ -3166,7 +3166,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.lightSpeedOut {
.animated.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
@ -3243,7 +3243,7 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
100% { transform: skewX(0deg); }
}
.wiggle {
.animated.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;

2
animate.min.css vendored

File diff suppressed because one or more lines are too long