{"html":"

\n \n \n \n \n \n \n \n

\n","css":".analyze svg path.stick {\n transform: translate(0);\n animation: stick 2s ease infinite;\n /* Change wand color */\n}\n\n.analyze svg path.star-1 {\n fill: #ff4500; /* OrangeRed color */\n animation: sparkles 2s ease infinite, scaleStars 2s ease infinite,\n colorChange 2s ease infinite;\n animation-delay: 150ms;\n}\n\n.analyze svg path.star-2 {\n fill: #00ff00; /* Lime color */\n animation: sparkles 2s ease infinite, scaleStars 2s ease infinite,\n colorChange 2s ease infinite;\n}\n\n.board {\n animation: bounce 2s ease infinite;\n}\n\n@keyframes sparkles {\n 0% {\n opacity: 1;\n }\n 35% {\n opacity: 1;\n }\n 55% {\n opacity: 0;\n }\n 75% {\n opacity: 1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes stick {\n 0% {\n transform: translate3d(0, 0, 0) rotate(0);\n }\n 25% {\n transform: translate3d(0, 0, 0) rotate(0);\n }\n 50% {\n transform: translate3d(3px, -2px, 0) rotate(8deg);\n }\n 75% {\n transform: translate3d(0, 0, 0) rotate(0);\n }\n 100% {\n transform: translate3d(0, 0, 0) rotate(0);\n }\n}\n\n@keyframes scaleStars {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(0.9);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes bounce {\n 0% {\n transform: translateY(0);\n }\n 25% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(0);\n }\n 75% {\n transform: translateY(-1px);\n }\n 100% {\n transform: translateY(0);\n }\n}\n\n@keyframes colorChange {\n 0% {\n fill: #ff4500; /* OrangeRed */\n }\n 25% {\n fill: #ffd700; /* Gold */\n }\n 50% {\n fill: #00ff00; /* Lime */\n }\n 75% {\n fill: #1e90ff; /* DodgerBlue */\n }\n 100% {\n fill: #ff4500; /* OrangeRed */\n }\n}\n"}

slippery-puma-80

👁 实时预览

📝 源代码