mirror of
https://github.com/indentlabs/notebook.git
synced 2025-10-26 11:19:22 +00:00
3fd6d604fe
This reverts commit 6f8ae925ba.
Conflicts:
app/assets/stylesheets/bootplus_overrides.css.less
45 lines
780 B
CSS
45 lines
780 B
CSS
/* entire container, keeps perspective */
|
|
.flip-container {
|
|
perspective: 1000;
|
|
}
|
|
/* flip the pane when hovered */
|
|
.flip-container:hover .flipper, .flip-container.hover .flipper {
|
|
transform: rotateY(180deg);
|
|
}
|
|
|
|
.flip-container, .front, .back {
|
|
width: 320px;
|
|
height: 480px;
|
|
}
|
|
|
|
/* flip speed goes here */
|
|
.flipper {
|
|
transition: 0.6s;
|
|
transform-style: preserve-3d;
|
|
|
|
position: relative;
|
|
}
|
|
|
|
/* hide back of pane during swap */
|
|
.front, .back {
|
|
backface-visibility: hidden;
|
|
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
/* front pane, placed above back */
|
|
.front {
|
|
z-index: 2;
|
|
}
|
|
|
|
/* back, initially hidden pane */
|
|
.back {
|
|
transform: rotateY(180deg);
|
|
}
|
|
|
|
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
|
|
transform: rotateY(180deg);
|
|
}
|