{"html":"

\n \n

","css":".loader {\n position: relative;\n background-color: white;\n padding-left: 1.5em;\n padding-right: 1.5em;\n padding-top: 3em;\n top: -0.4em;\n border-radius: 25px;\n z-index: -1;\n box-shadow: 5px 2px 0px #666666;\n}\n\n.clock {\n position: relative;\n top: -1.4em;\n left: 0.05em;\n}\n\n.stage {\n position: relative;\n left: 0.5em;\n background-color: black;\n width: 4em;\n height: .4em;\n border-radius: 15px;\n box-shadow: 2px 2px 0px #666666;\n z-index: 4;\n}\n\n.hold {\n position: relative;\n background-color: limegreen;\n width: 0.1em;\n height: 4em;\n left: 2.5em;\n top: -.25em;\n animation: 1.3s dangle infinite;\n box-shadow: 4px 4px 0px #666666;\n z-index: -1;\n}\n\n@keyframes dangle {\n 0% {\n transform-origin: top center;\n transform: rotate(45deg);\n }\n\n 50% {\n transform-origin: top center;\n transform: rotate(-45deg);\n }\n\n 100% {\n transform-origin: top center;\n transform: rotate(45deg);\n }\n}\n\n.ball {\n display: inline-block;\n position: relative;\n top: 3em;\n left: -1.2em;\n width: 2.5em;\n height: 2.5em;\n margin: 0;\n border-radius: 50%;\n background: #171717;\n box-shadow: 1px 1px 0px #666666;\n}"}

young-turtle-98

👁 实时预览

📝 源代码