JSFiddle - React, Tailwind, and code Playground

by bakhshi

HTML

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
</div>

CSS

.parent{
    width:500px;
    height:500px;
    background-color:red;
    border:solid 1px black;
    opacity:0.1;
}
.parent:hover{
    opacity:1;
}

.child{
    width:200px;
    height:200px;
    margin:50px;
    background-color:yellow;
}