JSFiddle - React, Tailwind, and code Playground

by kaikemono

HTML

<p>This is the emoji "☠️"</p>
<p>I want it to become the default cursor, replacing the arrow</p>
<p>
It works using the image (https://image.ibb.co/kSQHi6/cursor.png)
</p>
<div class="box"></div>

CSS

.box{
  width: 250px;
  height: 250px;
  background: red;
  cursor:url(https://image.ibb.co/kSQHi6/cursor.png), auto
}