JSFiddle - React, Tailwind, and code Playground

by harianus

HTML

<div class="offer">
    <div class="front">
    </div>
    <div class="hover">
    </div>
    <div class="back">
    </div>
</div>

CSS

.offer {
    background-color: white;
    float: left;
    padding: 20px;
    margin-right: 20px;
    position: relative;
}

.front {
    width: 100px;
    height: 100px;
    background-color: red;
}

.hover {
    width: 100px;
    height: 100px;
    background-color: green;
}

.back {
    width: 100px;
    height: 100px;
    background-color: black;
}