Hover over this text!
More info here.
her hands were big
his eyes were green
Sample Page
purple
Centered Mouseover Text
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
text-align: center; /* Center text within the body */
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
background-color: black;
color: white;
text-align: center; /* Center text within the tooltip */
padding: 5px;
border-radius: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
}
.tooltip:hover .tooltiptext {
visibility: visible;
}