JSFiddle - React, Tailwind, and code Playground

by Prasanth K C

HTML

<div id="parent"><br/><span class="bullets">* * * *</span></div>

CSS

.parent {
    
    width:200px;
    height:200px;
}

.bullets{
opacity:1;
}

#parent:hover > .bullets{
opacity:0;
transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
}