Difference between revisions of "Template:Tt"
From Detective Conan Wiki
(Tag: Rollback) |
|||
| 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
