richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

horizontal and vertical flips were reversed

pull/13/head
Jack Lukic 11 years ago
parent
59962c0d82
commit
cb9700ccd2
3 changed files with 48 additions and 48 deletions
Unified View
  1. 32
      build/uncompressed/modules/transition.css
  2. 32
      node/src/files/components/semantic/modules/transition.css
  3. 32
      src/modules/transition.less

32
build/uncompressed/modules/transition.css
View File

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

32
node/src/files/components/semantic/modules/transition.css
View File

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

32
src/modules/transition.less
View File

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

Write Preview
|||||||
100:0
Loading…
Cancel
Save