Cursor

Just like Background Image, the css property cursor is used under the hood. You can set the cursor to a predefined keyword or an image.

Example usage will be as follows:

Setting Cursor to Predefined Keyword

  • Copy the code below and paste the keyword to the cursor value.
wait

Setting Cursor to Image

  • Find the image you want to set as cursor. ( I recommend you to find icon image. )
  • Right click on the image and select Copy Image Address.
  • Copy the code below and paste the image address to the image_address value inside url.
url("image_address") 16 16, auto;

Example

url("https://img.icons8.com/?size=32&id=uKVJzWYdiV27&format=png") 16 16, auto

For more information, check MDN Web Docs.

In order to reset the cursor, leave the input box as blank.