Skip to content

Instantly share code, notes, and snippets.

@skrat
Created July 26, 2012 17:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save skrat/3183224 to your computer and use it in GitHub Desktop.
Save skrat/3183224 to your computer and use it in GitHub Desktop.
.fp-flipcard {
perspective: 1000px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
}
.fp-flipcard .fp-faces {
transition: transform 1s;
-webkit-transition: -webkit-transform 1s;
-moz-transition: -moz-transform 1s;
}
.fp-flipcard.fp-backface .fp-faces {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
}
.fp-flipcard .fp-faces,
.fp-flipcard .fp-face,
.fp-flipcard .fp-face .fp-inner {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
}
.fp-flipcard .fp-face,
.fp-flipcard .fp-face .fp-inner {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.fp-flipcard .fp-back {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: absolute;
right: 0; top: 0;
width: 100%; height: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment