Difference between revisions of "Team:Uppsala/nic"

Line 10: Line 10:
 
   
 
   
 
}
 
}
 +
 +
/* slider CSS START*/
 +
 +
/* 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;
 +
    /* for firefox 31 */
 +
    transform: rotateY(0deg);
 +
}
 +
 +
/* back, initially hidden pane */
 +
.back {
 +
    transform: rotateY(180deg);
 +
}
 +
 
</style>
 
</style>
 
</head>
 
</head>

Revision as of 14:29, 12 September 2015