JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<button>
Hover me yeeeeeah
</button>

CSS

@-webkit-keyframes cursor-animate {
  0%   { cursor: default; }
  100% { cursor: pointer; }
}
@-moz-keyframes cursor-animate {
  0%   { cursor: default; }
  100% { cursor: pointer; }
}
@-o-keyframes cursor-animate {
  0%   { cursor: default; }
  100% { cursor: pointer; }
}
@keyframes cursor-animate {
  0%   { cursor: default; }
  100% { cursor: pointer; }
}

@-webkit-keyframes cursor-animate {
  0%   { cursor: default; }
  100% { cursor: pointer; }
}

button:hover {
  -webkit-animation: cursor-animate .4s infinite;
  -moz-animation:    cursor-animate .4s infinite;
  -o-animation:      cursor-animate .4s infinite;
  animation:         cursor-animate .4s infinite;
}