Custom Pokeball Cursor

Tags: pokemon, cursor

Description:

I made this custom cursor not long after joining the site. I decided I should share the code for anyone else who might want it on their page. The pokeball will wiggle when you hover over a link. May not work on all browsers, code was not exhaustively tested. Credit on your page is appreciated, but not required, if you use.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Red (https://layouts.spacehey.com/layout?id=28506) -->

<style>
body {cursor: url('https://i.imgur.com/nhogUeB.png'), auto;}
a:hover {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;
  -webkit-animation: cursor 1000ms infinite;
  animation: cursor 1000ms infinite;}

@-webkit-keyframes cursor {
  0% {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;}
  20% {cursor: url('https://i.imgur.com/3pdnhCO.png'), pointer;}
  40% {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;}
  60% {cursor: url('https://i.imgur.com/b7CVSun.png'), pointer;}
  80% {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;}
  100% {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;}
} 

@keyframes cursor {
  0% {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;}
  20% {cursor: url('https://i.imgur.com/3pdnhCO.png'), pointer;}
  40% {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;}
  60% {cursor: url('https://i.imgur.com/b7CVSun.png'), pointer;}
  80% {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;}
  100% {cursor: url('https://i.imgur.com/nhogUeB.png'), pointer;}
} 
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.