.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; }