absolute-hover-cursor/lib/main.css

Elevate user experience with seamless cursor interactions using hover-cursor, a small JS library. Create captivating web interfaces by dynamically crafting bespoke hover cursors that you can style however you need.

div.hover-cursor {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    left: 50%;
    transform: translate(-50%, -50%);
}