Sometimes a website calls for a custom cursor. Besides the standard cursors, you can use various file types, including .png, .gif, and .svg for your cursor. See the code below.
In order to utilize a custom cursor, set the CSS cursor property to the desired value.
For a file/image cursor, you must also provide a path to a compatible file and a backup cursor type (auto).
The standard cursor values can be found here: w3schools.com
Guide:
body
{
cursor: crosshair;
}
#content
{
/* for file cursors, provide a backup */
cursor:url("Cursor/sadstop.svg"), auto;
}
For this assignment create or download an .svg image to use as a cursor. One more hint. your .svg image should be small, less than 32px x 32px. brush.svg am using an 8px x 8px .svg below.
Conversion Websites:
online-convert.com
convertio.co
In addtion, select DIFFERENT standard cursors. Do not use crosshair, cell, or wait on your assignment.