Raspsnir/public_html/wankuls/wankul.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;
}