Trying to experiment with custom cursors, but every attempt ends up pixelated. I created a ring asset to demonstrate the issue.
Here is the cursor image file.
cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/272259/circle.png), auto;
Although it's 22px x 22px, similar to the default cursor size, it appears very pixelated.
Take a look at this codepen demo to see the issue in action.
Do you have any suggestions on how to fix this?
Appreciate your help,
:)