Hide the mouse cursor with CSS

A drawing of a cartoon man pointing upwards

Heads up! This post was written in 2014, so it may contain information that is no longer accurate. I keep posts like this around for historical purposes and to prevent link rot, so please keep this in mind as you're reading.

— Cory

I know you can change the mouse cursor using CSS, but I never realized that you can actually hide it altogether.

.no-cursor {
  cursor: none;

Of course, that doesn't mean you should, it just means you can. Practical uses for this are definitely limited, but things like mouse-based games come to mind.

What other use cases can you think of for hiding the mouse cursor? If you think of any, let me know on Twitter.