ReedyBear's Blog

My cursor is a BEAR

I'm using bear icons from this pack on flaticon by the author G-Cat who has a bunch of other lovely icon sets.

It changes if you hover on a link or a button. Try hovering over the little bear in the bottom left corner of this page.

Flaticon requires attribution, plus it's the right thing to do. You can use my URLs if you wanna do this, too, but the urls might break at some point. Or I could replace them with cats and THEN WHAT WOULD YOU DO. You'd be happy cuz they'd be cats.

Downside: They're not good cursors, because there isn't a good click target. BUT THEYRE CUTE

Edit: I tweaked the images, so that the white parts of the panda are now WHITE (not transparent), and I added a black dot to the upper-left corner of the cursor image. For the originals, remove -wh from the URLs for the cursor images.

I've added the following code to my bearblog theme to make this work.

<style>
:root{
cursor: url('https://reedybear.com/bearblog/cursor-wh.png'), auto;
}
a {
    cursor: url('https://reedybear.com/bearblog/link-cursor-wh.png'), pointer;
}
button {
    cursor: url('https://reedybear.com/bearblog/btn-cursor-wh.png'), pointer;
}
footer > span::after {
    content: "Cursor icons by G-Cat on flaticon";
}
</style>

Images I considered

#bearblog #blog #code