8,960
edits
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.tooltip-wrapper { | |||
position: relative; | |||
display: inline-block; /* Ensure it fits the content */ | |||
} | |||
.underline-hover { | .underline-hover { | ||
position: relative; | position: relative; | ||
| Line 13: | Line 18: | ||
/* Tooltip container */ | /* Tooltip container */ | ||
.tooltip-text { | .tooltip-text { | ||
visibility: hidden; | visibility: hidden; | ||
background: # | background-color: #555; | ||
color: # | color: #fff; | ||
text-align: center; | text-align: center; | ||
padding: 5px 10px; | padding: 5px 10px; | ||
| Line 28: | Line 29: | ||
position: absolute; | position: absolute; | ||
z-index: 9999; /* Ensure it's on top of all objects */ | z-index: 9999; /* Ensure it's on top of all objects */ | ||
top: | top: 50%; /* Center vertically relative to the text */ | ||
right: 100%; /* Position to the left of the text */ | |||
transform: | transform: translateY(-50%); /* Center the tooltip vertically */ | ||
opacity: 0; | opacity: 0; | ||
transition: opacity 0.3s ease-in-out; | transition: opacity 0.3s ease-in-out; | ||
| Line 49: | Line 50: | ||
opacity: 0; | opacity: 0; | ||
} | } | ||