horizontal and vertical flips were reversed

build/uncompressed/modules/transition.css

@@ -570,82 +570,82 @@
 /* Horizontal */
 @-webkit-keyframes horizontalFlip {
   0% {
-    -webkit-transform: rotateX(90deg);
+    -webkit-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -webkit-transform: rotateX(0deg);
+    -webkit-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @-moz-keyframes horizontalFlip {
   0% {
-    -moz-transform: rotateX(90deg);
+    -moz-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -moz-transform: rotateX(0deg);
+    -moz-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @-o-keyframes horizontalFlip {
   0% {
-    -o-transform: rotateX(90deg);
+    -o-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -o-transform: rotateX(0deg);
+    -o-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @keyframes horizontalFlip {
   0% {
-    transform: rotateX(90deg);
+    transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    transform: rotateX(0deg);
+    transform: rotateY(0deg);
     opacity: 1;
   }
 }
 /* Vertical */
 @-webkit-keyframes verticalFlip {
   0% {
-    -webkit-transform: rotateY(90deg);
+    -webkit-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -webkit-transform: rotateY(0deg);
+    -webkit-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @-moz-keyframes verticalFlip {
   0% {
-    -moz-transform: rotateY(90deg);
+    -moz-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -moz-transform: rotateY(0deg);
+    -moz-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @-o-keyframes verticalFlip {
   0% {
-    -o-transform: rotateY(90deg);
+    -o-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -o-transform: rotateY(0deg);
+    -o-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @keyframes verticalFlip {
   0% {
-    transform: rotateY(90deg);
+    transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    transform: rotateY(0deg);
+    transform: rotateX(0deg);
     opacity: 1;
   }
 }

node/src/files/components/semantic/modules/transition.css

@@ -570,82 +570,82 @@
 /* Horizontal */
 @-webkit-keyframes horizontalFlip {
   0% {
-    -webkit-transform: rotateX(90deg);
+    -webkit-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -webkit-transform: rotateX(0deg);
+    -webkit-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @-moz-keyframes horizontalFlip {
   0% {
-    -moz-transform: rotateX(90deg);
+    -moz-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -moz-transform: rotateX(0deg);
+    -moz-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @-o-keyframes horizontalFlip {
   0% {
-    -o-transform: rotateX(90deg);
+    -o-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -o-transform: rotateX(0deg);
+    -o-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @keyframes horizontalFlip {
   0% {
-    transform: rotateX(90deg);
+    transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    transform: rotateX(0deg);
+    transform: rotateY(0deg);
     opacity: 1;
   }
 }
 /* Vertical */
 @-webkit-keyframes verticalFlip {
   0% {
-    -webkit-transform: rotateY(90deg);
+    -webkit-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -webkit-transform: rotateY(0deg);
+    -webkit-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @-moz-keyframes verticalFlip {
   0% {
-    -moz-transform: rotateY(90deg);
+    -moz-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -moz-transform: rotateY(0deg);
+    -moz-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @-o-keyframes verticalFlip {
   0% {
-    -o-transform: rotateY(90deg);
+    -o-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -o-transform: rotateY(0deg);
+    -o-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @keyframes verticalFlip {
   0% {
-    transform: rotateY(90deg);
+    transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    transform: rotateY(0deg);
+    transform: rotateX(0deg);
     opacity: 1;
   }
 }

src/modules/transition.less

@@ -527,41 +527,41 @@
 /* Horizontal */
 @-webkit-keyframes horizontalFlip {
   0% {
-    -webkit-transform: rotateX(90deg);
+    -webkit-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -webkit-transform: rotateX(0deg);
+    -webkit-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @-moz-keyframes horizontalFlip {
   0% {
-    -moz-transform: rotateX(90deg);
+    -moz-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -moz-transform: rotateX(0deg);
+    -moz-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @-o-keyframes horizontalFlip {
   0% {
-    -o-transform: rotateX(90deg);
+    -o-transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    -o-transform: rotateX(0deg);
+    -o-transform: rotateY(0deg);
     opacity: 1;
   }
 }
 @keyframes horizontalFlip {
   0% {
-    transform: rotateX(90deg);
+    transform: rotateY(90deg);
     opacity: 0;
   }
   100% {
-    transform: rotateX(0deg);
+    transform: rotateY(0deg);
     opacity: 1;
   }
 }
@@ -569,41 +569,41 @@
 /* Vertical */
 @-webkit-keyframes verticalFlip {
   0% {
-    -webkit-transform: rotateY(90deg);
+    -webkit-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -webkit-transform: rotateY(0deg);
+    -webkit-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @-moz-keyframes verticalFlip {
   0% {
-    -moz-transform: rotateY(90deg);
+    -moz-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -moz-transform: rotateY(0deg);
+    -moz-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @-o-keyframes verticalFlip {
   0% {
-    -o-transform: rotateY(90deg);
+    -o-transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    -o-transform: rotateY(0deg);
+    -o-transform: rotateX(0deg);
     opacity: 1;
   }
 }
 @keyframes verticalFlip {
   0% {
-    transform: rotateY(90deg);
+    transform: rotateX(90deg);
     opacity: 0;
   }
   100% {
-    transform: rotateY(0deg);
+    transform: rotateX(0deg);
     opacity: 1;
   }
 }