47 lines
744 B
CSS
47 lines
744 B
CSS
|
.card {
|
||
|
|
height: 150px;
|
||
|
|
width: 150px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wankul {
|
||
|
|
background-color: black;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.plates img {
|
||
|
|
transform: translateZ(-75px) rotateX( 0deg) translateZ(-75px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.pseudo {
|
||
|
|
transform: translateZ(-75px) rotateX(90deg) translateZ(75px);
|
||
|
|
background-image: url(img/0Fond.png);
|
||
|
|
display: table-cell;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pseudo p{
|
||
|
|
color: white;
|
||
|
|
padding-top: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.plates:hover img{
|
||
|
|
transform: rotateX(90deg) translateZ(-75px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.plates:hover .pseudo {
|
||
|
|
transform: rotateX(0deg) translateZ(75px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.wankul img, .wankul .pseudo{
|
||
|
|
position:absolute;
|
||
|
|
|
||
|
|
top:0;
|
||
|
|
bottom:0;
|
||
|
|
left:0;
|
||
|
|
right:0;
|
||
|
|
|
||
|
|
backface-visibility: hidden;
|
||
|
|
transition: transform 0.4s ease-in-out;
|
||
|
|
}
|