JSFiddle - React, Tailwind, and code Playground

by Станислав Некрасов

HTML

<div class="blocks">
  <div class="block"></div>
  <div class="block"></div>
</div>

CSS

.block:first-child {
  display: block;
}

.block {
  display: none;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background: #8e72e8;
}

.block:hover {
  cursor: pointer;
}

.block:hover + .block {
  display: block;
}

.block:hover {
  display: block;
}