CodePen Embed - Tooltips

<div class="trigger">
  Hover over me
  <span class="tooltip">Tooltip text appears here</span>
</div>

.trigger:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.tooltip {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: #333;
  color: #fff;
}

This Pen is owned by Zaur Ibrahimov on CodePen.

See more by @Zaur-Ibrahimov on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.