{"html":"

\n 0\n 1\n 0\n 1\n 1\n 0\n 1\n 0\n

\n","css":".hacker-loader {\n position: relative;\n width: 100px;\n height: 100px;\n}\n\n/* Outer spinning binary ring */\n.binary-ring {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 2px dashed #00ff00;\n animation: spin 2s linear infinite;\n}\n\n/* Inner glitchy core */\n.core {\n position: absolute;\n width: 60%;\n height: 60%;\n top: 20%;\n left: 20%;\n background: rgba(0, 255, 0, 0.1);\n border-radius: 50%;\n animation: glitch-core 0.5s infinite;\n box-shadow: 0 0 15px #00ff00;\n}\n\n/* Binary digits effect */\n.binary-digits {\n position: absolute;\n width: 100%;\n height: 100%;\n color: #00ff00;\n font-size: 14px;\n text-align: center;\n animation: spin 1.5s linear infinite reverse;\n}\n\n.binary-digits span {\n position: absolute;\n top: 0;\n left: 50%;\n transform-origin: 0 50px; /* Half of loader width */\n}\n\n/* Position each binary digit around the circle */\n.binary-digits span:nth-child(1) {\n transform: rotate(0deg) translateY(-10px);\n}\n.binary-digits span:nth-child(2) {\n transform: rotate(45deg) translateY(-10px);\n}\n.binary-digits span:nth-child(3) {\n transform: rotate(90deg) translateY(-10px);\n}\n.binary-digits span:nth-child(4) {\n transform: rotate(135deg) translateY(-10px);\n}\n.binary-digits span:nth-child(5) {\n transform: rotate(180deg) translateY(-10px);\n}\n.binary-digits span:nth-child(6) {\n transform: rotate(225deg) translateY(-10px);\n}\n.binary-digits span:nth-child(7) {\n transform: rotate(270deg) translateY(-10px);\n}\n.binary-digits span:nth-child(8) {\n transform: rotate(315deg) translateY(-10px);\n}\n\n/* Loading text with flicker */\n.loading-text {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #00ff00;\n font-size: 16px;\n text-transform: uppercase;\n animation: flicker 1.5s infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes glitch-core {\n 0% {\n transform: scale(1);\n }\n 20% {\n transform: scale(1.05) translate(2px, -2px);\n }\n 40% {\n transform: scale(0.95) translate(-2px, 2px);\n }\n 60% {\n transform: scale(1.02) translate(1px, 1px);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes flicker {\n 0%,\n 19%,\n 21%,\n 23%,\n 25%,\n 54%,\n 56%,\n 100% {\n opacity: 1;\n }\n 20%,\n 24%,\n 55% {\n opacity: 0.3;\n }\n}\n"}

shaggy-cougar-89

👁 实时预览

📝 源代码