JSFiddle - React, Tailwind, and code Playground

by Caleb Evans

HTML

<div id='square'></div>
<div id='circle'></div>

CSS

#square, #circle{
    position: absolute;
    width: 100px;
    height: 100px;
}
#square {
    z-index: 1;
    top: 50px;
    left: 50px;
    background: #6c1;
}
#circle {
    z-index: 0;
    top: 100px;
    left: 100px;
    border-radius: 50%;
    background: #36b;
}

JavaScript

$("#square, #circle").mouseover(function() {
    $("body").css({cursor: "pointer"});
})
.mouseout(function() {
    $("body").css({cursor: "default"});
});