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 insideurl
.
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.