File size: 812 Bytes
b2a00c5 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | [tooltip] {
position: relative;
display: inline-block;
}
[tooltip]::before {
transition: 0.3s;
content: '';
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
border-width: 4px 6px 0;
border-style: solid;
border-color: rgba(25 30 56) transparent transparent;
z-index: 99;
opacity: 0;
}
[tooltip]::after {
transition: 0.3s;
white-space: nowrap;
content: attr(tooltip);
position: absolute;
left: 50%;
top: -6px;
transform: translateX(-50%) translateY(-100%);
background: rgba(25 30 56);
text-align: center;
color: #fff;
font-size: 0.875rem;
min-width: 80px;
max-width: 420px;
border-radius: 3px;
pointer-events: none;
padding: 4px 8px;
z-index: 99;
opacity: 0;
}
[tooltip]:hover::after,
[tooltip]:hover::before {
opacity: 1;
}
|