JSFiddle - React, Tailwind, and code Playground

by Amin Kodaganur

HTML

<body>
    <div class="pointer_tooltip">A sample tooltip.</div>
</body>

CSS

html {
    position: fixed;
    font-family: sans-serif;
    background-color: #4679bd;
}

.pointer_tooltip {
    position: absolute;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    white-space: nowrap;
}

JavaScript

$(function () {
    var tooltip = $(".pointer_tooltip")
    var offset = 10
    $("html").mousemove(function (e) {
        tooltip.css({
            top: e.pageY + offset,
            left: e.pageX + offset
        })
    })
})