User interface

The following properties are directly tied to UX Design but on the frontend. Addressing the following properties from the beginning of any build can go a long way.

Let's check them out.


The cursor CSS property defines the style of the pointer, and it looks like this:

cursor: pointer;


The cursor property is meant to work only in the hover state; this property is not meant to replace the styling of the pointer in its normal state.

All operating system have many types of cursors for all types of behaviors, so whenever we need a certain action a cursor for it may already exist.

We can also use custom cursors. Keep in mind the following notes:

  • It's recommended that the image of the cursor is 32 x 32 pixels.
  • It's required to ...

Get Web Developer's Reference Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.