dots2/index.html at main · levabala/dots2 · GitHub

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
<html>
    <body>
        <script src="./.build/web.js"></script>
        <style>
            [data-tooltip] {
                position: relative;
            }

            [data-tooltip]:after {
                content: attr(data-tooltip);
                position: absolute;
                right: 50%;
                top: 100%; /* put it on the top */
                width: max-content;
                opacity: 0;
                background: black;
                color: white;
                transition: opacity 0.01s ease-in-out;
                pointer-events: none;
                padding: 2px;
                font-size: 12px;
                z-index: 100;
            }

            [data-tooltip]:hover:after {
                opacity: 0.8;
            }
        </style>
    </body>
</html>