{"html":"

\n \n \n \n \n

\n","css":".container-espiral {\n position: absolute;\n top: 0;\n left: 0;\n inset: 0;\n z-index: 50;\n display: flex;\n flex-wrap: wrap;\n place-content: center;\n\n .loader {\n position: relative;\n transform: rotate(calc(var(--r) * 45deg));\n\n .circulo {\n --color: #0f0;\n top: 0;\n width: 200px;\n height: 2px;\n left: -200px;\n position: absolute;\n transform-origin: right;\n transform: rotate(calc(var(--i) * 18deg));\n\n &::before {\n content: \"\";\n position: absolute;\n top: -50%;\n width: 15px;\n height: 15px;\n background-color: var(--color);\n border-radius: 50%;\n box-shadow:\n 0 0 10px var(--color),\n 0 0 20px var(--color),\n 0 0 40px var(--color),\n 0 0 60px var(--color),\n 0 0 80px var(--color),\n 0 0 100px var(--color);\n animation: animate 5s linear infinite;\n animation-delay: calc(var(--i) * -0.5s);\n }\n }\n }\n}\n\n@keyframes animate {\n 0% {\n transform: translateX(200px) scale(1);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 80% {\n opacity: 1;\n }\n 100% {\n transform: translateX(0px) scale(0);\n opacity: 1;\n }\n}\n"}

lazy-eel-7

👁 实时预览

📝 源代码