Image as a Tooltip

Hover Over the Picture!

Koln train station Germany: Koln train station with Cathedral in the background and lots more interesting text to describe this beautiful photo

Image as a Tooltip

Hover Over the Picture!

Milano Central station

Car

.tooltip {
  position: relative;display: inline-block;border-bottom: 30px white;
}

.tooltip .tooltiptext {
  visibility: hidden;width: 120px;background-color: white;text-align: center;border-radius: 4px;
  padding: 10px 10px;position: absolute;z-index: 1;bottom: 10%;left: 50%; margin-left: -60px;
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0; transition: opacity 1s;
}

.tooltiptext {color:black}

.tooltip:hover .tooltiptext {
  visibility: visible;opacity: 10;
}