JSFiddle - React, Tailwind, and code Playground

HTML

<div>
test
</div>

CSS

div { padding: 10px; border-bottom: 1px solid black; }

JavaScript

var i = 0;
function gen(style) {
    var div = document.createElement('div');
    var id = 'div_' + i++;
    div.id = id;
    div.innerHTML = style + '<style>#' + id + ' { ' + style + '; }</style>';
    document.body.appendChild(div);
}

gen('cursor: move;');

gen('cursor: drag;');
gen('cursor: -webkit-grab;');
gen('cursor: -moz-grab;');
gen('cursor: url(https://mail.google.com/mail/images/2/openhand.cur), move');
gen('cursor: url(https://mail.google.com/mail/images/2/openhand.cur) 8 8, move');

gen('cursor: grabbing;');
gen('cursor: -webkit-grabbing;');
gen('cursor: -moz-grabbing;');
gen('cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), move');
gen('cursor: url(https://mail.google.com/mail/images/2/closedhand.cur) 8 8, move');