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
cursorvalue.
waitSetting 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_addressvalue insideurl.
url("image_address") 16 16, auto;Example
url("https://img.icons8.com/?size=32&id=uKVJzWYdiV27&format=png") 16 16, autoFor more information, check MDN Web Docs.
In order to reset the cursor, leave the input box as blank.