JSFiddle - React, Tailwind, and code Playground

by HDL52

CSS

* {
   cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame1.png), auto;
  -webkit-animation: cursor-body 3s infinite;
  animation: cursor-body 3s infinite;
}

body {
  background: #080808;
}

/*适配使用-webkit内核的浏览器 */
@-webkit-keyframes cursor-body {
  0% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame1.png), auto;}
  5% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame2.png), auto;}
  10% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame3.png), auto;}
  15% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame4.png), auto;}
  20% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame5.png), auto;}
  25% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame6.png), auto;}
  30% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame7.png), auto;}
  35% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame8.png), auto;}
  40% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame9.png), auto;}
  45% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame10.png), auto;}
  50% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame11.png), auto;}
  55% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame12.png), auto;}
  60% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame13.png), auto;}
  65% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame14.png), auto;}
  70% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame15.png), auto;}
  75% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame16.png), auto;}
  80% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame17.png), auto;}
  85% {cursor: url(https://cdn.jsdelivr.net/gh/Hongda-OSU/PicGo/image/胡桃frame18.png), auto;}
  90% {cursor:...