Skip to content

Instantly share code, notes, and snippets.

@rdsaunders

rdsaunders/44x44-cursor.js

Last active June 11, 2021 18:38
Show Gist options
  • Save rdsaunders/8a1970d23f2df6451a06b8867eac79fa to your computer and use it in GitHub Desktop.
Save rdsaunders/8a1970d23f2df6451a06b8867eac79fa to your computer and use it in GitHub Desktop.
Download ZIP
44x44px Cursor Bookmarklet
Raw
44x44-cursor.js
javascript:(function(){ var style = document.createElement(%27style%27), styleContent = document.createTextNode(%27* { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNrs2dEKgDAIhWEN3/+VLYtBF12MppHwDxY0uvg4DJpORcSl0bB4uPcwq+oFHu8/956pbtJsAAYMGDBgwIABA044t3pMEgb8VU2XsWdn1o/aUUn4bchPBWNFYWvVidxbCFGmr7YULBs1YDPfsYcXEi9ryvDjAAwYMGDAgAED7nK8bHG7qNLs6nYXYAAheh5j8Qw5fwAAAABJRU5ErkJggg==) 22 22, auto !important}%27); style.appendChild(styleContent ); var caput = document.getElementsByTagName(%27head%27); caput[0].appendChild(style); })();
@abeward
Copy link

abeward commented Jun 11, 2021

There is a flaw in this. The drawn box is much bigger when used relative to objects on the page, but when I take a screenshot that includes the cursor image, it is much smaller relative to those same page objects than what is observed with the eyes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment