FULL STACK   ·   UI   ·   UX   ·   GRAPHICS   ·   DEVELOPER   ·   INSTRUCTOR

Adam Khoury

Donate funds to show love and support

Click the button below to donate funds securely online. You can use your PayPal account or a credit card.

Your donations help free up my time to produce more content and assist in covering server costs. It's also a great way to say thanks for the content!

Application Configuration

Adam will be adding options here soon.

Custom Mouse Cursor Tutorial Canvas CSS HTML

Published :
Author :
Adam Khoury

Learn how to change the mouse cursor or pointer to a custom cursor and change the hotspot for the click area.

Lesson Code <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> canvas { cursor: url(crosshair.cur), default; /* Change the hotspot - cursor: url(crosshair.cur) 0 0, default; */ background:#F4F4F4; display: block; } </style> </head> <body> <canvas></canvas> </body> </html>