Difference between revisions of "User:Felyza/Sandbox/TooltipTest"
From EVE University Wiki
< User:Felyza | Sandbox
m |
m |
||
| Line 20: | Line 20: | ||
position: absolute; | position: absolute; | ||
z-index: 1; | z-index: 1; | ||
| + | } | ||
| + | |||
| + | .tooltip .tooltiptext { | ||
| + | width: 120px; | ||
| + | bottom: 100%; | ||
| + | left: 50%; | ||
| + | margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */ | ||
| + | } | ||
| + | .tooltip .tooltiptext::after { | ||
| + | content: " "; | ||
| + | position: absolute; | ||
| + | top: 100%; /* At the bottom of the tooltip */ | ||
| + | left: 50%; | ||
| + | margin-left: -5px; | ||
| + | border-width: 5px; | ||
| + | border-style: solid; | ||
| + | border-color: black transparent transparent transparent; | ||
} | } | ||
Revision as of 20:36, 12 September 2019
Hover over me
Tooltip text
