JSFiddle - React, Tailwind, and code Playground

by mohammadAdil

HTML

<body>
    This is body
</body>

CSS

.horizontal {
    cursor: w-resize;
}
.vertical {
    cursor: n-resize;
}
body{
    
    height:500px;
    width:100%;
}

JavaScript

$(window).mousemove(function (e) {
    if (e.pageX > $(this).width() / 2) {
        $('body').addClass('horizontal');
        $('body').removeClass('vertical');
    } else {
        $('body').removeClass('horizontal');
        $('body').addClass('vertical');
    }
});