Hover show with CSS

by Malin Jayakody

HTML

<div class="mover">
  <div class="inner"></div>
</div>

CSS

.mover {
  width: 50px;
  height: 50px;
  background-color: green;
}

.mover .inner {
  position: relative;
  width: 50%;
  height: 50%;
  top: 20%;
  left: 20%;
  background-color: yellow;
  display: none;
}

.mover:hover .inner {
  display: block;
}