Hosting Solutions
mobile_logo Table of Contents

Custom Mouse Cursor Tutorial Canvas CSS HTML

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>

CSS Videos

General Design

Border Image Custom Graphics SliceCSS import Rule Import Style Sheet TutorialCustom Mouse Cursor Tutorial Canvas CSS HTMLControl Panel Icon Menu Configure Button Design TutorialFloating Content Shadow Effect Border Radius TutorialEmbed Custom Font HTML Tutorial Special Website TextDrop Down Category Menus details and summary Elements