Corrected flipper axis identifiers(X,Y)

Made a correction of the issue i submitted animate-css#1572
artisticLogicMK · Aug 1, 2022 · e71b121 · e71b121
1 parent 61d13ba
commit e71b121
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/animate.css b/animate.css
@@ -2612,7 +2612,7 @@
   -webkit-animation-name: flip;
   animation-name: flip;
 }
-@-webkit-keyframes flipInX {
+@-webkit-keyframes flipInY {
   from {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -2644,7 +2644,7 @@
     transform: perspective(400px);
   }
 }
-@keyframes flipInX {
+@keyframes flipInY {
   from {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
@@ -2676,13 +2676,13 @@
     transform: perspective(400px);
   }
 }
-.animate__flipInX {
+.animate__flipInY {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
-  -webkit-animation-name: flipInX;
-  animation-name: flipInX;
+  -webkit-animation-name: flipInY;
+  animation-name: flipInY;
 }
-@-webkit-keyframes flipInY {
+@-webkit-keyframes flipInX {
   from {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
@@ -2714,7 +2714,7 @@
     transform: perspective(400px);
   }
 }
-@keyframes flipInY {
+@keyframes flipInX {
   from {
     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
@@ -2746,13 +2746,13 @@
     transform: perspective(400px);
   }
 }
-.animate__flipInY {
+.animate__flipInX {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
-  -webkit-animation-name: flipInY;
-  animation-name: flipInY;
+  -webkit-animation-name: flipInX;
+  animation-name: flipInX;
 }
-@-webkit-keyframes flipOutX {
+@-webkit-keyframes flipOutY {
   from {
     -webkit-transform: perspective(400px);
     transform: perspective(400px);
@@ -2770,7 +2770,7 @@
     opacity: 0;
   }
 }
-@keyframes flipOutX {
+@keyframes flipOutY {
   from {
     -webkit-transform: perspective(400px);
     transform: perspective(400px);
@@ -2788,17 +2788,17 @@
     opacity: 0;
   }
 }
-.animate__flipOutX {
+.animate__flipOutY {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
-  -webkit-animation-name: flipOutX;
-  animation-name: flipOutX;
+  -webkit-animation-name: flipOutY;
+  animation-name: flipOutY;
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
 }
-@-webkit-keyframes flipOutY {
+@-webkit-keyframes flipOutX {
   from {
     -webkit-transform: perspective(400px);
     transform: perspective(400px);
@@ -2816,7 +2816,7 @@
     opacity: 0;
   }
 }
-@keyframes flipOutY {
+@keyframes flipOutX {
   from {
     -webkit-transform: perspective(400px);
     transform: perspective(400px);
@@ -2834,15 +2834,15 @@
     opacity: 0;
   }
 }
-.animate__flipOutY {
+.animate__flipOutX {
   -webkit-animation-duration: calc(1s * 0.75);
   animation-duration: calc(1s * 0.75);
   -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
   animation-duration: calc(var(--animate-duration) * 0.75);
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
-  -webkit-animation-name: flipOutY;
-  animation-name: flipOutY;
+  -webkit-animation-name: flipOutX;
+  animation-name: flipOutX;
 }
 /* Lightspeed */
 @-webkit-keyframes lightSpeedInRight {