.info-tooltip { position: relative; } .info-tooltip::after { content: attr(data-tooltip); visibility: hidden; opacity: 0; background-color: #222; color: #fff; padding: 6px 10px; border-radius: 4px; position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%); white-space: nowrap; transition: opacity 0.3s; z-index: 9999; } .info-tooltip:hover::after { visibility: visible; opacity: 1; }
Skip to content