JSFiddle - React, Tailwind, and code Playground

by Abruzzi Hraig

HTML

<div id="cta">
     <div class="cta">x</div>
     <div class="cta">s</div>
     <div class="cta">s</div>
</div>

CSS

#cta {
    margin: 100px;
}
.cta {
    width: 100px;
    height: 100px;
    background-color: #ddd;
    margin-bottom: -50px;
    transition: margin-bottom .2s;
    opacity: 0.7;
}
.cta:hover {
     margin-bottom: 0px;
}


// below code for debug
.cta:nth-of-type(0) {
    background-color: red;
}
.cta:nth-of-type(1) {
    background-color: green;
}
.cta:nth-of-type(2) {
    background-color: blue;
}