{"loaderData":{"0":null,"0-3":{"total":7557,"projects":[{"created":"2024-01-22T16:54:23.000Z","isPrivate":0,"projectId":"b45257","snapshot":null,"tags":null,"title":"loader by gagan-gv","updated":"2024-01-22T16:54:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":88,"cssLen":727,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".spinner {\n border: 0 solid transparent;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n}\n\n.loader {\n width: inherit;\n height: inherit;\n position: absolute;\n}\n\n.loader::before,\n.loader::after {\n content: '';\n border: 3px solid #505065;\n border-radius: 50%;\n width: inherit;\n height: inherit;\n position: absolute;\n opacity: 1;\n}\n\n.l1::before,\n.l1::after {\n animation: clockwiseZ 2.5s infinite;\n}\n\n.l2::after,\n.l2::before {\n animation: anticlockwiseZ 2.5s infinite;\n}\n\n@keyframes clockwiseZ {\n 0%, 100% {\n transform: rotateY(0);\n }\n\n 50% {\n transform: rotateY(180deg) skew(-10deg, -5deg);\n }\n}\n\n@keyframes anticlockwiseZ {\n 0%, 100% {\n transform: rotateX(0);\n }\n\n 50% {\n transform: rotateX(-180deg) skew(10deg, 5deg);\n }\n}"},{"created":"2024-01-22T16:54:23.000Z","isPrivate":0,"projectId":"73e0b8","snapshot":null,"tags":null,"title":"loader by 00Kubi","updated":"2024-01-22T16:54:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":2502,"cssLen":4869,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":"css