{"html":"

\n \n \n

\n \n \n \n \n

\n","css":".loader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.loaderMiniContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 130px;\n height: fit-content;\n}\n.barContainer {\n width: 100%;\n height: fit-content;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n gap: 10px;\n background-position: left;\n}\n.bar {\n width: 100%;\n height: 8px;\n background: linear-gradient(\n to right,\n rgb(161, 94, 255),\n rgb(217, 190, 255),\n rgb(161, 94, 255)\n );\n background-size: 200% 100%;\n border-radius: 10px;\n animation: bar ease-in-out 3s infinite alternate-reverse;\n}\n@keyframes bar {\n 0% {\n background-position: left;\n }\n 100% {\n background-position: right;\n }\n}\n.bar2 {\n width: 50%;\n}\n.svgIcon {\n position: absolute;\n left: -25px;\n margin-top: 18px;\n z-index: 2;\n width: 70%;\n animation: search ease-in-out 3s infinite alternate-reverse;\n}\n@keyframes search {\n 0% {\n transform: translateX(0%) rotate(70deg);\n }\n\n 100% {\n transform: translateX(100px) rotate(10deg);\n }\n}\n.svgIcon circle,\nline {\n stroke: rgb(162, 55, 255);\n}\n.svgIcon circle {\n fill: rgba(98, 65, 142, 0.238);\n}\n"}

heavy-cheetah-84

👁 实时预览

📝 源代码