JSFiddle - React, Tailwind, and code Playground

by jakelauer

HTML

<div class='card red'></div>
<div class='card blue'></div>

CSS

.card
{
    display: inline-block;
    
    width: 200px;
    height: 300px;
    
    transition: transform 0.5s;
}

.card:hover
{
    transform: perspective(1000px) rotateY(15deg);
}

.red
{
    background:red;
}

.blue
{
    background:blue;
}