{"html":"

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

\n","css":".absolute {\n position: absolute;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.loader {\n display: flex;\n margin: 0.25em 0;\n}\n\n.w-2 {\n width: 0.5em;\n}\n\n.dash {\n animation: dashArray 2s ease-in-out infinite, dashOffset 2s linear infinite;\n}\n\n.spin {\n animation: spinDashArray 2s ease-in-out infinite, spin 8s ease-in-out infinite,\n dashOffset 2s linear infinite;\n transform-origin: center;\n}\n\n@keyframes dashArray {\n 0% {\n stroke-dasharray: 0 1 359 0;\n }\n\n 50% {\n stroke-dasharray: 0 359 1 0;\n }\n\n 100% {\n stroke-dasharray: 359 1 0 0;\n }\n}\n\n@keyframes spinDashArray {\n 0% {\n stroke-dasharray: 270 90;\n }\n\n 50% {\n stroke-dasharray: 0 360;\n }\n\n 100% {\n stroke-dasharray: 250 90;\n }\n}\n\n@keyframes dashOffset {\n 0% {\n stroke-dashoffset: 385;\n }\n\n 100% {\n stroke-dashoffset: 5;\n }\n}\n\n@keyframes spin {\n 0% {\n rotate: 0deg;\n }\n\n 12.5%,\n 25% {\n rotate: 270deg;\n }\n\n 37.5%,\n 50% {\n rotate: 540deg;\n }\n\n 62.5%,\n 75% {\n rotate: 810deg;\n }\n\n 87.5%,\n 100% {\n rotate: 1080deg;\n }\n}\n"}

fat-wasp-24

👁 实时预览

📝 源代码