{"html":"","css":".loader {\n width: 200px;\n max-height: 900px;\n transform-origin: 50% 50%;\n overflow: visible;\n}\n\n.ci1 {\n fill: var(--higru);\n animation: toBig 3s infinite -1.5s;\n transform-box: fill-box;\n transform-origin: 50% 50%;\n}\n\n.ciw {\n transform-box: fill-box;\n transform-origin: 50% 50%;\n animation: breath 3s infinite;\n}\n\n.ci2 {\n fill: var(--higru);\n animation: toBig2 3s infinite;\n transform-box: fill-box;\n transform-origin: 50% 50%;\n}\n\n.points {\n animation: rot 3s infinite;\n transform-box: fill-box;\n transform-origin: 50% 50%;\n}\n\n@keyframes rot {\n 0% {\n transform: rotate(0deg);\n }\n\n 30% {\n transform: rotate(360deg);\n }\n\n 50% {\n transform: rotate(360deg);\n }\n\n 80% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(0deg);\n }\n}\n\n@keyframes toBig {\n 0% {\n transform: scale(1) translateX(0px);\n }\n\n 30% {\n transform: scale(1) translateX(0px);\n }\n\n 50% {\n transform: scale(10) translateX(-4.5px);\n }\n\n 80% {\n transform: scale(10) translateX(-4.5px);\n }\n\n 100% {\n transform: scale(1) translateX(0px);\n }\n}\n\n@keyframes toBig2 {\n 0% {\n transform: scale(1) translateX(0px);\n }\n\n 30% {\n transform: scale(1) translateX(0px);\n }\n\n 50% {\n transform: scale(10) translateX(4.5px);\n }\n\n 80% {\n transform: scale(10) translateX(4.5px);\n }\n\n 100% {\n transform: scale(1) translateX(0px);\n }\n}\n\n@keyframes breath {\n 15% {\n transform: scale(1);\n }\n\n 40% {\n transform: scale(1.1);\n }\n\n 65% {\n transform: scale(1);\n }\n\n 90% {\n transform: scale(1.1);\n }\n}\n\n.dwf, .share {\n position: fixed;\n bottom: 4px;\n right: 10px;\n background-color: #0003;\n padding: 3px;\n border-radius: 3px;\n}"}

bright-vampirebat-35

👁 实时预览

📝 源代码