How to create a custom cursor?

OK, so I am new here to this whole coding thing, and I am a huge fan of Rick and Morty. So, I was wondering, how can I make a custom cursor?


  • First you need an image. Easiest to meet specifications is to draw a .cur file with the image you want:
    Then grab an online converter and convert it to png.
    Then convert it to base64.
    Then in Stylish, create a new style with that code:

    html { cursor:url("data:image/png;base64,ALLTHATMESSYBASE64DATACOMESHERE"), auto !important; }

    So you'll have your own cursor on all websites except on links, text etc.

Sign In or Register to comment.