Custom Cursors

CSS for custom cursors

by Angelica

HTML

<p>
Hello there, just testing some content. This is a <a href="#">link</a>.
</p>

<p>
The tag "*" is where the code for your cursor is. This is for the <b>entire</b> website.
</p>

<p>
The tag "a:hover" is where the code is for the cursor when you <b>hover a link</b>. I think this is important to distinguish different kinds of content. 
</p>

CSS

* {
cursor: url(https://i.postimg.cc/GtP8GP49/arrow3_purple.png),auto !important;
}

a:hover{
cursor: url(https://i.postimg.cc/C5CBkCRz/arrow4_purple.png),auto !important;
}