.flip-container {
-moz-perspective: 1000;
-webkit-perspective: 1000;
perspective: 1000;
}  .flip-container.hover .flipper {
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
} .flipper {
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
transition: 0.6s;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
} .front-face, .back-face {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
} .front-face {
z-index: 2;
} .back-face {
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}