Template:Tt: Difference between revisions
Appearance
Tag: Rollback |
No edit summary |
||
| Line 1: | Line 1: | ||
<span class=" | <span class="tooltip">{{{1}}}<span class="tooltiptext">{{{2}}}</span></span> | ||
{{css| | |||
.tooltip { | |||
position: relative; | |||
display: inline-block; | |||
border-bottom: 1px dotted black; | |||
} | |||
.tooltip .tooltiptext { | |||
visibility: hidden; | |||
opacity: 0; | |||
transition: opacity 0.2s; | |||
max-width: 320px; | |||
width: max-content; | |||
background-color: white; | |||
color: black; | |||
text-align: left; | |||
border-radius: 3px; | |||
padding: 6px 10px; | |||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); | |||
border: 1px solid #ccc; | |||
position: absolute; | |||
z-index: 1; | |||
bottom: 100%; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
white-space: nowrap; | |||
overflow-x: auto; | |||
} | |||
.tooltip:hover .tooltiptext, | |||
.tooltip .tooltiptext:hover { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
}}<noinclude> | |||
[[Category:Templates]]</noinclude> | [[Category:Templates]]</noinclude> | ||
Revision as of 17:05, 1 June 2025
{{{1}}}{{{2}}} Template:Css