96flo (обсуждение | вклад) (Новая страница: «.tooltip { position: relative; display: inline; } .tooltiptext { position: absolute; min-width: 240px; max-width: 100%; left: -240px; right: -240px; top: 125%; margin-left: auto; margin-right: auto; z-index: 99; padding: 22px; visibility: hidden; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; border: 1px solid #402e75; border-radius: 1.4rem;...») |
96flo (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.tooltip-container { | |||
position: relative; | |||
display: inline-block; | |||
} | |||
.tooltip { | .tooltip { | ||
position: relative; | |||
cursor: pointer; | |||
} | } | ||
.tooltiptext { | .tooltiptext { | ||
visibility: hidden; | |||
width: 120px; | |||
background-color: black; | |||
color: white; | |||
text-align: center; | |||
border-radius: 6px; | |||
padding: 5px; | |||
position: absolute; | |||
z-index: 1; | |||
bottom: 125%; | |||
left: 50%; | |||
margin-left: -60px; | |||
} | } | ||
.tooltip:hover .tooltiptext { | |||
visibility: visible; | |||
} | } | ||
Версия от 13:37, 31 мая 2025
.tooltip-container {
position: relative;
display: inline-block;
}
.tooltip {
position: relative;
cursor: pointer;
}
.tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: white;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}