79685230

Date: 2025-06-30 19:53:29
Score: 0.5
Natty:
Report link

Types of ToolTips in Windows:

  1. Classic: Classic ToolTip

  2. Taskbar (Black, with Texture, Rounded): Taskbar ToolTip

  3. Start (White, Rounded): Start ToolTip

  4. Edge, App/File Name, Thinner Borders, White: App/File Name ToolTip Edge ToolTip

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  font-family: Segoe UI,Segoe UI Emoji,Segoe UI Symbol,Segoe UI Historic,Microsoft YaHei,Malgun Gothic,Meiryo;
}
  
.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  border: 1px solid #2B2B2B;
  background-color: white;
  white-space: nowrap;
  padding: 3px 7px;
  font-size: 12px;
  user-select: none;
  position: absolute;
   }
   .tooltip:hover .tooltiptext {
  visibility: visible;
  transition-delay: 0.5s;
}
<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip text</span>
</div>

O-browser and X Browser, Thicker Border: O-browser X Browser

Reasons:
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Unregistered user (0.5):
  • Low reputation (1):
Posted by: User