SNiPEOO7 SNiPEOO7 - 4 months ago 10
HTML Question

HTML - Cursors on a website

yes I KNOW and have read topics about how to make a cursor in HTML, and I know how to do that, but today i'm asking a bit of a different question. My question is how do I make a normal cursor on the website, like the regular pointing one, and when they hover over a link display ANOTHER cursor? For instance like on this wikia, the image is green when pointing and RED when hovering?

Answer

while hovering the particular content u can change the background image for cursor for exmaple

css

a:hover {
    cursor: url('http://img4.wikia.nocookie.net/__cb20141101171405/tdp4/images/f/fd/JdHLHLi92.png'),pointer;
}

p:hover {
    cursor: url('http://img3.wikia.nocookie.net/__cb20141101171352/tdp4/images/6/6d/DcoudoUO82.png'),text;
}

for refrence

https://plnkr.co/edit/Yj7CMxM7IbeoVoWeRtPF