CSS Humor

Land Mine Before Visibility Hidden Land Mine Hover Active Visibility Collapse Land Mine After Display None

.land-mine::before {
  position: fixed;
  visibility: hidden;
  bottom: -1rem;
  margin-top: auto;
}

.land-mine:hover,
.land-mine:active {
  visibility: collapse;
  elevation: above;
  transform: rotate(180deg);
  vertical-align: sub;
}

.land-mine::after {
  content: "#";
  transform: skew(360deg);
  display: none;
}