JSFiddle - React, Tailwind, and code Playground

by alekskorovin

HTML

<div style="overflow: hidden; width: 100px; height: 20px;"><div class="over" style="width: 200px; height: 40px; background: #ccc;"><div class="over-on" style="width: 300px; background: #000; height: 20px;"></div></div>

CSS

.over-on {
 display: none;   
}
.over:hover .over-on {
 display: block;
position: absolute;    
}