<![CDATA[
/* entire container, keeps perspective */
.flip-container {
perspective: 1000px;
}
/* flip the pane when hovered */
.hover .flipper, .hover .flipper {
transform: rotateY(180deg);
}

.flip-container, .front, .back {
width: 620px;
height: 80px;
}

/* flip speed goes here */
.flipper {
transition: 0.6s;
transform-style: preserve-3d;

position: relative;
}

/* hide back of pane during swap */
.front, .back {
color: white;
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
visibility:visible;
backface-visibility: hidden;

position: absolute;
top: 0;
left: 0;
}

/* front pane, placed above back */
.front {
z-index: 2;
/* for firefox 31 */
transform: rotateY(0deg);
display: flex;
}

/* back, initially hidden pane */
.back {
transform: rotateY(180deg);
}

.vertical.flip-container {
position: relative;
}

.vertical .back {
transform: rotateX(180deg);
}

.vertical.flip-container .flipper {
transform-origin: 100% 40px; /* half of height */
}

.vertical.hover .flipper {
transform: rotateX(-180deg);
}

]]>

11ºC

İstanbul