{"loaderData":{"0":null,"0-3":{"total":7413,"projects":[{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"900ce0","snapshot":null,"tags":null,"title":"loader by satyamchaudharydev","updated":"2024-01-22T16:52:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":28,"cssLen":998,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

","css":".spinner {\n --size: 30px;\n --first-block-clr: #005bba;\n --second-block-clr: #fed500;\n --clr: #111;\n width: 100px;\n height: 100px;\n position: relative;\n}\n\n.spinner::after,.spinner::before {\n box-sizing: border-box;\n position: absolute;\n content: \"\";\n width: var(--size);\n height: var(--size);\n top: 50%;\n animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;\n left: 50%;\n background: var(--first-block-clr);\n}\n\n.spinner::after {\n background: var(--second-block-clr);\n top: calc(50% - var(--size));\n left: calc(50% - var(--size));\n animation: down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite;\n}\n\n@keyframes down {\n 0%, 100% {\n transform: none;\n }\n\n 25% {\n transform: translateX(100%);\n }\n\n 50% {\n transform: translateX(100%) translateY(100%);\n }\n\n 75% {\n transform: translateY(100%);\n }\n}\n\n@keyframes up {\n 0%, 100% {\n transform: none;\n }\n\n 25% {\n transform: translateX(-100%);\n }\n\n 50% {\n transform: translateX(-100%) translateY(-100%);\n }\n\n 75% {\n transform: translateY(-100%);\n }\n}\n"},{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"1b4131","snapshot":null,"tags":null,"title":"loader by sahilxkhadka","updated":"2024-01-22T16:52:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":374,"cssLen":918,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".absolute {\n position: absolute\n}\n\n.relative {\n position: relative\n}\n\n.bottom-5 {\n bottom: 1.25rem\n}\n\n.right-0 {\n right: 0px\n}\n\n.mb-1 {\n margin-bottom: 0.25rem\n}\n\n.flex {\n display: flex\n}\n\n.h-12 {\n height: 3rem\n}\n\n.h-4 {\n height: 1rem\n}\n\n.h-5 {\n height: 1.25rem\n}\n\n.w-12 {\n width: 3rem\n}\n\n.w-3\\/5 {\n width: 60%\n}\n\n.w-4 {\n width: 1rem\n}\n\n.w-64 {\n width: 16rem\n}\n\n.w-\\[90\\%\\] {\n width: 90%\n}\n\n.flex-1 {\n flex: 1 1 0%\n}\n\n@keyframes pulse {\n 50% {\n opacity: .5\n }\n}\n\n.animate-pulse {\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite\n}\n\n.gap-2 {\n gap: 0.5rem\n}\n\n.rounded-full {\n border-radius: 9999px\n}\n\n.rounded-lg {\n border-radius: 0.5rem\n}\n\n.bg-slate-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n.p-4 {\n padding: 1rem\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}"},{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"8620f5","snapshot":null,"tags":null,"title":"loader by Nawsome","updated":"2024-01-22T16:52:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":881,"cssLen":2767,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

\n","css":"@keyframes clockwise {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes counter-clockwise {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(-360deg);\n }\n}\n\n.gearbox {\n background: #111;\n height: 150px;\n width: 200px;\n position: relative;\n border: none;\n overflow: hidden;\n border-radius: 6px;\n box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1);\n}\n\n.gearbox .overlay {\n border-radius: 6px;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n box-shadow: inset 0px 0px 20px black;\n transition: background 0.2s;\n}\n\n.gearbox .overlay {\n background: transparent;\n}\n\n.gear {\n position: absolute;\n height: 60px;\n width: 60px;\n box-shadow: 0px -1px 0px 0px #888888, 0px 1px 0px 0px black;\n border-radius: 30px;\n}\n\n.gear.large {\n height: 120px;\n width: 120px;\n border-radius: 60px;\n}\n\n.gear.large:after {\n height: 96px;\n width: 96px;\n border-radius: 48px;\n margin-left: -48px;\n margin-top: -48px;\n}\n\n.gear.one {\n top: 12px;\n left: 10px;\n}\n\n.gear.two {\n top: 61px;\n left: 60px;\n}\n\n.gear.three {\n top: 110px;\n left: 10px;\n}\n\n.gear.four {\n top: 13px;\n left: 128px;\n}\n\n.gear:after {\n content: \"\";\n position: absolute;\n height: 36px;\n width: 36px;\n border-radius: 36px;\n background: #111;\n top: 50%;\n left: 50%;\n margin-left: -18px;\n margin-top: -18px;\n z-index: 3;\n box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1), inset 0px 2px 0px 0px #090909, inset 0px -1px 0px 0px #888888;\n}\n\n.gear-inner {\n position: relative;\n height: 100%;\n width: 100%;\n background: #555;\n border-radius: 30px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.large .gear-inner {\n border-radius: 60px;\n}\n\n.gear.one .gear-inner {\n animation: counter-clockwise 3s infinite linear;\n}\n\n.gear.two .gear-inner {\n animation: clockwise 3s infinite linear;\n}\n\n.gear.three .gear-inner {\n animation: counter-clockwise 3s infinite linear;\n}\n\n.gear.four .gear-inner {\n animation: counter-clockwise 6s infinite linear;\n}\n\n.gear-inner .bar {\n background: #555;\n height: 16px;\n width: 76px;\n position: absolute;\n left: 50%;\n margin-left: -38px;\n top: 50%;\n margin-top: -8px;\n border-radius: 2px;\n border-left: 1px solid rgba(255, 255, 255, 0.1);\n border-right: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.large .gear-inner .bar {\n margin-left: -68px;\n width: 136px;\n}\n\n.gear-inner .bar:nth-child(2) {\n transform: rotate(60deg);\n}\n\n.gear-inner .bar:nth-child(3) {\n transform: rotate(120deg);\n}\n\n.gear-inner .bar:nth-child(4) {\n transform: rotate(90deg);\n}\n\n.gear-inner .bar:nth-child(5) {\n transform: rotate(30deg);\n}\n\n.gear-inner .bar:nth-child(6) {\n transform: rotate(150deg);\n}"},{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"ea688b","snapshot":null,"tags":null,"title":"loader by Pradeepsaranbishnoi","updated":"2024-01-22T16:52:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":169,"cssLen":2730,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n\t

\t\t\n\t

","css":".🤚 {\n --skin-color: #E4C560;\n --tap-speed: 0.6s;\n --tap-stagger: 0.1s;\n position: relative;\n width: 80px;\n height: 60px;\n margin-left: 80px;\n}\n\n.🤚:before {\n content: '';\n display: block;\n width: 180%;\n height: 75%;\n position: absolute;\n top: 70%;\n right: 20%;\n background-color: black;\n border-radius: 40px 10px;\n filter: blur(10px);\n opacity: 0.3;\n}\n\n.🌴 {\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background-color: var(--skin-color);\n border-radius: 10px 40px;\n}\n\n.👍 {\n position: absolute;\n width: 120%;\n height: 38px;\n background-color: var(--skin-color);\n bottom: -18%;\n right: 1%;\n transform-origin: calc(100% - 20px) 20px;\n transform: rotate(-20deg);\n border-radius: 30px 20px 20px 10px;\n border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n border-left: 2px solid rgba(0, 0, 0, 0.1);\n}\n\n.👍:after {\n width: 20%;\n height: 60%;\n content: '';\n background-color: rgba(255, 255, 255, 0.3);\n position: absolute;\n bottom: -8%;\n left: 5px;\n border-radius: 60% 10% 10% 30%;\n border-right: 2px solid rgba(0, 0, 0, 0.05);\n}\n\n.👉 {\n position: absolute;\n width: 80%;\n height: 35px;\n background-color: var(--skin-color);\n bottom: 32%;\n right: 64%;\n transform-origin: 100% 20px;\n animation-duration: calc(var(--tap-speed) * 2);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n transform: rotate(10deg);\n}\n\n.👉:before {\n content: '';\n position: absolute;\n width: 140%;\n height: 30px;\n background-color: var(--skin-color);\n bottom: 8%;\n right: 65%;\n transform-origin: calc(100% - 20px) 20px;\n transform: rotate(-60deg);\n border-radius: 20px;\n}\n\n.👉:nth-child(1) {\n animation-delay: 0;\n filter: brightness(70%);\n animation-name: tap-upper-1;\n}\n\n.👉:nth-child(2) {\n animation-delay: var(--tap-stagger);\n filter: brightness(80%);\n animation-name: tap-upper-2;\n}\n\n.👉:nth-child(3) {\n animation-delay: calc(var(--tap-stagger) * 2);\n filter: brightness(90%);\n animation-name: tap-upper-3;\n}\n\n.👉:nth-child(4) {\n animation-delay: calc(var(--tap-stagger) * 3);\n filter: brightness(100%);\n animation-name: tap-upper-4;\n}\n\n@keyframes tap-upper-1 {\n 0%, 50%, 100% {\n transform: rotate(10deg) scale(0.4);\n }\n\n 40% {\n transform: rotate(50deg) scale(0.4);\n }\n}\n\n@keyframes tap-upper-2 {\n 0%, 50%, 100% {\n transform: rotate(10deg) scale(0.6);\n }\n\n 40% {\n transform: rotate(50deg) scale(0.6);\n }\n}\n\n@keyframes tap-upper-3 {\n 0%, 50%, 100% {\n transform: rotate(10deg) scale(0.8);\n }\n\n 40% {\n transform: rotate(50deg) scale(0.8);\n }\n}\n\n@keyframes tap-upper-4 {\n 0%, 50%, 100% {\n transform: rotate(10deg) scale(1);\n }\n\n 40% {\n transform: rotate(50deg) scale(1);\n }\n}\n"},{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"c5dcb0","snapshot":null,"tags":null,"title":"loader by Li-Deheng","updated":"2024-01-22T16:52:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":395,"cssLen":2149,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".loader {\n display: flex;\n justify-content: center;\n align-items: center;\n --color: hsl(0, 0%, 87%);\n --animation: 2s ease-in-out infinite;\n}\n\n.loader .circle {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 20px;\n height: 20px;\n border: solid 2px var(--color);\n border-radius: 50%;\n margin: 0 10px;\n background-color: transparent;\n animation: circle-keys var(--animation);\n}\n\n.loader .circle .dot {\n position: absolute;\n transform: translate(-50%, -50%);\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background-color: var(--color);\n animation: dot-keys var(--animation);\n}\n\n.loader .circle .outline {\n position: absolute;\n transform: translate(-50%, -50%);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n animation: outline-keys var(--animation);\n}\n\n.circle:nth-child(2) {\n animation-delay: 0.3s;\n}\n\n.circle:nth-child(3) {\n animation-delay: 0.6s;\n}\n\n.circle:nth-child(4) {\n animation-delay: 0.9s;\n}\n\n.circle:nth-child(5) {\n animation-delay: 1.2s;\n}\n\n.circle:nth-child(2) .dot {\n animation-delay: 0.3s;\n}\n\n.circle:nth-child(3) .dot {\n animation-delay: 0.6s;\n}\n\n.circle:nth-child(4) .dot {\n animation-delay: 0.9s;\n}\n\n.circle:nth-child(5) .dot {\n animation-delay: 1.2s;\n}\n\n.circle:nth-child(1) .outline {\n animation-delay: 0.9s;\n}\n\n.circle:nth-child(2) .outline {\n animation-delay: 1.2s;\n}\n\n.circle:nth-child(3) .outline {\n animation-delay: 1.5s;\n}\n\n.circle:nth-child(4) .outline {\n animation-delay: 1.8s;\n}\n\n.circle:nth-child(5) .outline {\n animation-delay: 2.1s;\n}\n\n@keyframes circle-keys {\n 0% {\n transform: scale(1);\n opacity: 1;\n }\n\n 50% {\n transform: scale(1.5);\n opacity: 0.5;\n }\n\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes dot-keys {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes outline-keys {\n 0% {\n transform: scale(0);\n outline: solid 20px var(--color);\n outline-offset: 0;\n opacity: 1;\n }\n\n 100% {\n transform: scale(1);\n outline: solid 0 transparent;\n outline-offset: 20px;\n opacity: 0;\n }\n}"},{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"19f92b","snapshot":null,"tags":null,"title":"loader by SchawnnahJ","updated":"2024-01-22T16:52:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":27,"cssLen":1408,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

","css":".loader {\n position: relative;\n width: 2.5em;\n height: 2.5em;\n transform: rotate(165deg);\n}\n\n.loader:before, .loader:after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n display: block;\n width: 0.5em;\n height: 0.5em;\n border-radius: 0.25em;\n transform: translate(-50%, -50%);\n}\n\n.loader:before {\n animation: before8 2s infinite;\n}\n\n.loader:after {\n animation: after6 2s infinite;\n}\n\n@keyframes before8 {\n 0% {\n width: 0.5em;\n box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);\n }\n\n 35% {\n width: 2.5em;\n box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);\n }\n\n 70% {\n width: 0.5em;\n box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);\n }\n\n 100% {\n box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);\n }\n}\n\n@keyframes after6 {\n 0% {\n height: 0.5em;\n box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);\n }\n\n 35% {\n height: 2.5em;\n box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);\n }\n\n 70% {\n height: 0.5em;\n box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);\n }\n\n 100% {\n box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);\n }\n}\n\n.loader {\n position: absolute;\n top: calc(50% - 1.25em);\n left: calc(50% - 1.25em);\n}"},{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"dd996f","snapshot":null,"tags":null,"title":"loader by satyamchaudharydev","updated":"2024-01-22T16:52:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":156,"cssLen":1099,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

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

","css":".spinner {\n position: relative;\n width: 60px;\n height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n margin-left: -75px;\n}\n\n.spinner span {\n position: absolute;\n top: 50%;\n left: var(--left);\n width: 35px;\n height: 7px;\n background: #ffff;\n animation: dominos 1s ease infinite;\n box-shadow: 2px 2px 3px 0px black;\n}\n\n.spinner span:nth-child(1) {\n --left: 80px;\n animation-delay: 0.125s;\n}\n\n.spinner span:nth-child(2) {\n --left: 70px;\n animation-delay: 0.3s;\n}\n\n.spinner span:nth-child(3) {\n left: 60px;\n animation-delay: 0.425s;\n}\n\n.spinner span:nth-child(4) {\n animation-delay: 0.54s;\n left: 50px;\n}\n\n.spinner span:nth-child(5) {\n animation-delay: 0.665s;\n left: 40px;\n}\n\n.spinner span:nth-child(6) {\n animation-delay: 0.79s;\n left: 30px;\n}\n\n.spinner span:nth-child(7) {\n animation-delay: 0.915s;\n left: 20px;\n}\n\n.spinner span:nth-child(8) {\n left: 10px;\n}\n\n@keyframes dominos {\n 50% {\n opacity: 0.7;\n }\n\n 75% {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n }\n\n 80% {\n opacity: 1;\n }\n}\n"},{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"806394","snapshot":null,"tags":null,"title":"loader by JkHuger","updated":"2024-01-22T16:52:38.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":149,"cssLen":1717,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n","css":".wave-menu {\n border: 4px solid #545FE5;\n border-radius: 50px;\n width: 200px;\n height: 45px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n margin: 0;\n cursor: pointer;\n transition: ease 0.2s;\n position: relative;\n background: #fff;\n}\n\n.wave-menu li {\n list-style: none;\n height: 30px;\n width: 4px;\n border-radius: 10px;\n background: #545FE5;\n margin: 0 6px;\n padding: 0;\n animation-name: wave1;\n animation-duration: 0.3s;\n animation-iteration-count: infinite;\n animation-direction: alternate;\n transition: ease 0.2s;\n}\n\n.wave-menu:hover > li {\n background: #fff;\n}\n\n.wave-menu:hover {\n background: #545FE5;\n}\n\n.wave-menu li:nth-child(2) {\n animation-name: wave2;\n animation-delay: 0.2s;\n}\n\n.wave-menu li:nth-child(3) {\n animation-name: wave3;\n animation-delay: 0.23s;\n animation-duration: 0.4s;\n}\n\n.wave-menu li:nth-child(4) {\n animation-name: wave4;\n animation-delay: 0.1s;\n animation-duration: 0.3s;\n}\n\n.wave-menu li:nth-child(5) {\n animation-delay: 0.5s;\n}\n\n.wave-menu li:nth-child(6) {\n animation-name: wave2;\n animation-duration: 0.5s;\n}\n\n.wave-menu li:nth-child(8) {\n animation-name: wave4;\n animation-delay: 0.4s;\n animation-duration: 0.25s;\n}\n\n.wave-menu li:nth-child(9) {\n animation-name: wave3;\n animation-delay: 0.15s;\n}\n\n@keyframes wave1 {\n from {\n transform: scaleY(1);\n }\n\n to {\n transform: scaleY(0.5);\n }\n}\n\n@keyframes wave2 {\n from {\n transform: scaleY(0.3);\n }\n\n to {\n transform: scaleY(0.6);\n }\n}\n\n@keyframes wave3 {\n from {\n transform: scaleY(0.6);\n }\n\n to {\n transform: scaleY(0.8);\n }\n}\n\n@keyframes wave4 {\n from {\n transform: scaleY(0.2);\n }\n\n to {\n transform: scaleY(0.5);\n }\n}\n"},{"created":"2024-01-22T16:52:38.000Z","isPrivate":0,"projectId":"598003","snapshot":null,"tags":null,"title":"loader by mobinkakei","updated":"2024-01-22T16:52:39.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":214,"cssLen":1255,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".wrapper {\n width: 200px;\n height: 60px;\n position: relative;\n z-index: 1;\n}\n\n.circle {\n width: 20px;\n height: 20px;\n position: absolute;\n border-radius: 50%;\n background-color: #fff;\n left: 15%;\n transform-origin: 50%;\n animation: circle7124 .5s alternate infinite ease;\n}\n\n@keyframes circle7124 {\n 0% {\n top: 60px;\n height: 5px;\n border-radius: 50px 50px 25px 25px;\n transform: scaleX(1.7);\n }\n\n 40% {\n height: 20px;\n border-radius: 50%;\n transform: scaleX(1);\n }\n\n 100% {\n top: 0%;\n }\n}\n\n.circle:nth-child(2) {\n left: 45%;\n animation-delay: .2s;\n}\n\n.circle:nth-child(3) {\n left: auto;\n right: 15%;\n animation-delay: .3s;\n}\n\n.shadow {\n width: 20px;\n height: 4px;\n border-radius: 50%;\n background-color: rgba(0,0,0,0.9);\n position: absolute;\n top: 62px;\n transform-origin: 50%;\n z-index: -1;\n left: 15%;\n filter: blur(1px);\n animation: shadow046 .5s alternate infinite ease;\n}\n\n@keyframes shadow046 {\n 0% {\n transform: scaleX(1.5);\n }\n\n 40% {\n transform: scaleX(1);\n opacity: .7;\n }\n\n 100% {\n transform: scaleX(.2);\n opacity: .4;\n }\n}\n\n.shadow:nth-child(4) {\n left: 45%;\n animation-delay: .2s\n}\n\n.shadow:nth-child(5) {\n left: auto;\n right: 15%;\n animation-delay: .3s;\n}\n"},{"created":"2024-01-22T14:01:52.000Z","isPrivate":0,"projectId":"58eea7","snapshot":null,"tags":null,"title":"RunJS最近更新","updated":"2024-01-22T14:01:52.000Z","isTemplate":0,"htmlType":"html","pureCSS":0,"htmlLen":0,"cssLen":0,"jsLen":0,"nickname":"努力！奋斗！","avatar":"https://thirdwx.qlogo.cn/mmopen/vi_32/bLOIUzzVbKbOYExFanw4XvaTF8os3UzkicKoL60oXXcMjFibN6J7pYGAAqdu7icY4Vq5WzT9rYa5J5SzLWmuVIODw/132","username":"980245","editors":"0000"},{"created":"2024-01-21T12:18:51.000Z","isPrivate":0,"projectId":"1dac93","snapshot":"https://s1.qingting.work/runjs/686aa8df574e.png?x-oss-process=style/webp-w-500","tags":null,"title":"flowing progress","updated":"2024-01-21T15:15:30.000Z","isTemplate":1,"htmlType":"html","pureCSS":0,"htmlLen":97,"cssLen":978,"jsLen":0,"nickname":"cissy","avatar":"","username":"a85f40","editors":"1100"},{"created":"2024-01-21T09:18:25.000Z","isPrivate":0,"projectId":"d6bea5","snapshot":null,"tags":null,"title":"A Pen by Paul Slaymaker","updated":"2024-01-21T09:18:25.000Z","isTemplate":0,"htmlType":"html","pureCSS":0,"htmlLen":0,"cssLen":0,"jsLen":0,"nickname":"波~","avatar":"https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTJABUFmgpjUxsfZaGg9oVibI5nhC44dicQnllCxSbV3ZwfV8wiat2LrmEXSlzeRcBgHWnEMl1uTp14ibw/132","username":"915444","editors":"0000"}]}},"actionData":null,"errors":null}