diff --git a/build/uncompressed/modules/transition.css b/build/uncompressed/modules/transition.css
index 5991a3b83..6aa6f3c2a 100644
--- a/build/uncompressed/modules/transition.css
+++ b/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;
   }
 }
diff --git a/node/src/files/components/semantic/modules/transition.css b/node/src/files/components/semantic/modules/transition.css
index 5991a3b83..6aa6f3c2a 100644
--- a/node/src/files/components/semantic/modules/transition.css
+++ b/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;
   }
 }
diff --git a/src/modules/transition.less b/src/modules/transition.less
index 5d6f6a615..6f43c354f 100755
--- a/src/modules/transition.less
+++ b/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;
   }
 }