CSS Mouse Cursors ... rotate cursors?

Question

I have a function that rotates an object using a canvas element. When I click on this object, I create a handler block around it, as Photoshop does. I have eight points in the handler box. When I hover over any of these points, I would like to change the mouse cursor to the corresponding mouse cursor using css. I have not seen the rotary mouse icon for css. Should I create my own or can I use my own OS cursor?

Answer 1

Active native cursors

auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress

As stated in the w3c documentation .

If you want to use a different type of cursor, you will need to use the uri option as the cursor parameter:

 cursor: url(example.svg#linkcursor), url(hyper.cur), pointer