CUSTOM CURSORS
How to change your cursors (and add custom cursor designs)
Option 1
Basic CSS
Use basic css codes to change the cursor based on the content.
Option 2
Upload a custom cursor file (CSS only)
You can either upload your own file into the folder, or get the link to other custom cursors and add them to css.
You can use this option when you have the cursor file in the right format(.cur), or if you have a cursor found online that you want to use.
Option 3
Use div and img tag with JS (CSS and JS)
You can use this option when you only have the png file (or if you want to use different css effects).
Create a div class with the image you want to use for the cursor.
Then, use the style sheet to hide the default cursor and make the image float on top of everything else. You can also adjust the cursor size. Then, you use JS to make the image follow along the movement.
TEST IT OUT
and some useful websites
