How to add a wait cursor over an entire HTML page with CSS?

Spread the love

To add a wait cursor over an entire HTML page with CSS, we set the cursor property.

For instance, we write

body {
  height: 100%;
}
div#mask {
  cursor: wait;
  z-index: 999;
  height: 100%;
  width: 100%;
}

to add a div ID mask that’s put on top of the body element with z-index: 999;.

We set its width and height to 100%.

And we make the cursor a wait cursor with cursor: wait;