mirror of
https://github.com/animate-css/animate.css.git
synced 2024-11-13 07:41:08 +01:00
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:
parent
8429a2d0d7
commit
a4f7538626
2 changed files with 57 additions and 57 deletions
112
animate.css
vendored
112
animate.css
vendored
|
@ -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
2
animate.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue