JSFiddle - React, Tailwind, and code Playground

by Rakesh D L

HTML

<div class="card"></div>

CSS

.card {
    background-image: url("https://i.stack.imgur.com/FW7wN.png");
    height: 100px;
    margin: 50px auto;
    position: relative;
    width: 100px;
    -webkit-transition: .5s linear;
    -webkit-transform-style: preserve-3d;
    }
    
    .card:hover {
    -webkit-transform: rotateX(60deg);
    }