4,092
edits
No edit summary |
No edit summary |
||
Line 239: | Line 239: | ||
} | } | ||
.about-hide { | .about-hide { | ||
opacity: 0; /* Make it invisible initially */ | |||
visibility: hidden; /* Ensure it's not interactable */ | |||
display: none; | display: none; | ||
color: black; | color: black; | ||
font-size: 28px; | font-size: 28px; | ||
Line 251: | Line 250: | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
padding-top: 5px; | padding-top: 5px; | ||
transition: opacity | transition: opacity 0.5s ease, visibility 0.5s; | ||
} | |||
.header-about:hover + .about-hide { | |||
opacity: 1; /* Make it fully visible on hover */ | |||
visibility: visible; /* Make it interactable */ | |||
/* Keep the rest of your styles unchanged */ | |||
} | } | ||
#about-container { | #about-container { |