{"html":"

\n \n

","css":"#b0 {\n animation: b0 4s infinite ease;\n transform-origin: 250px 250px;\n}\n\n#b1 {\n animation: b1 4s infinite ease;\n}\n\n#b2 {\n animation: b2 4s infinite ease;\n}\n\n#b3 {\n animation: b3 4s infinite ease;\n}\n\n#b4 {\n animation: b4 4s infinite ease;\n}\n\n@keyframes b0 {\n 0% {\n transform: rotate(0);\n }\n\n 25% {\n transform: rotate(-90deg);\n }\n\n 50% {\n transform: rotate(-180deg);\n }\n\n 75% {\n transform: rotate(-270deg);\n }\n\n 100% {\n transform: rotate(-360deg);\n }\n}\n\n@keyframes b1 {\n 0% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(0, 355px);\n }\n\n 50% {\n transform: translate(355px, 355px);\n }\n\n 75% {\n transform: translate(355px, 0);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n@keyframes b2 {\n 0% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(-355px, 0);\n }\n\n 50% {\n transform: translate(-355px, 355px);\n }\n\n 75% {\n transform: translate(0, 355px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n@keyframes b3 {\n 0% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(0, -355px);\n }\n\n 50% {\n transform: translate(-355px, -355px);\n }\n\n 75% {\n transform: translate(-355px, 0);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}\n\n@keyframes b4 {\n 0% {\n transform: translate(0, 0);\n }\n\n 25% {\n transform: translate(355px, 0);\n }\n\n 50% {\n transform: translate(355px, -355px);\n }\n\n 75% {\n transform: translate(0, -355px);\n }\n\n 100% {\n transform: translate(0, 0);\n }\n}"}

quick-elephant-91

👁 实时预览

📝 源代码