{"loaderData":{"0":null,"0-3":{"total":7437,"projects":[{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"aee856","snapshot":"https://s1.qingting.work/runjs/82e1fd24de42.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by kandalgaonkarshubham","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":603,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n width: 100%;\n height: 100%;\n --s: 37px; /* control the size */\n\n --c: #0000, #282828 0.5deg 119.5deg, #0000 120deg;\n --g1: conic-gradient(from 60deg at 56.25% calc(425% / 6), var(--c));\n --g2: conic-gradient(from 180deg at 43.75% calc(425% / 6), var(--c));\n --g3: conic-gradient(from -60deg at 50% calc(175% / 12), var(--c));\n background: var(--g1), var(--g1) var(--s) calc(1.73 * var(--s)), var(--g2),\n var(--g2) var(--s) calc(1.73 * var(--s)), var(--g3) var(--s) 0,\n var(--g3) 0 calc(1.73 * var(--s)) #1e1e1e;\n background-size: calc(2 * var(--s)) calc(3.46 * var(--s));\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"5f6f2f","snapshot":"https://s1.qingting.work/runjs/ed1cc3e78f5d.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Ratinax","updated":"2024-01-22T19:24:21.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":211,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".container {\n width: 100%;\n height: 100%;\n background-image: linear-gradient(220deg, lime 1%, transparent),\n linear-gradient(220deg, yellow 50%, transparent);\n background-size: 4em 4em;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"18c184","snapshot":"https://s1.qingting.work/runjs/1a8ecc453965.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by SmookyDev","updated":"2024-01-22T19:24:21.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":986,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n width: 100%;\n height: 100%;\n /* Add your background pattern here */\n background: linear-gradient(\n 45deg,\n #0000 calc(25% / 3),\n #ffffff 0 calc(50% / 3),\n #0000 0 calc(250% / 3),\n #ffffff 0 calc(275% / 3),\n #0000 0\n ),\n linear-gradient(\n 45deg,\n #ffffff calc(25% / 3),\n #0000 0 calc(50% / 3),\n #ffffff 0 25%,\n #0000 0 75%,\n #ffffff 0 calc(250% / 3),\n #0000 0 calc(275% / 3),\n #ffffff 0\n ),\n linear-gradient(\n -45deg,\n #0000 calc(25% / 3),\n #ffffff 0 calc(50% / 3),\n #0000 0 calc(250% / 3),\n #ffffff 0 calc(275% / 3),\n #0000 0\n ),\n linear-gradient(\n -45deg,\n #ffffff calc(25% / 3),\n #0000 0 calc(50% / 3),\n #ffffff 0 25%,\n #0000 0 75%,\n #ffffff 0 calc(250% / 3),\n #0000 0 calc(275% / 3),\n #ffffff 0\n )\n #c77979;\n background-size: 106px 106px;\n background-position: 0 0, 53px 53px;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"5dc836","snapshot":"https://s1.qingting.work/runjs/e1e0cc2b5abd.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by csemszepp","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":989,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n width: 100%;\n height: 100%;\n --s: 84px;\n --c1: #f2f2f2;\n --c2: #cdcbcc;\n --c3: #999999;\n\n --_g: 0 120deg, #0000 0;\n background: conic-gradient(\n from 0deg at calc(500% / 6) calc(100% / 3),\n var(--c3) var(--_g)\n ),\n conic-gradient(\n from -120deg at calc(100% / 6) calc(100% / 3),\n var(--c2) var(--_g)\n ),\n conic-gradient(\n from 120deg at calc(100% / 3) calc(500% / 6),\n var(--c1) var(--_g)\n ),\n conic-gradient(\n from 120deg at calc(200% / 3) calc(500% / 6),\n var(--c1) var(--_g)\n ),\n conic-gradient(\n from -180deg at calc(100% / 3) 50%,\n var(--c2) 60deg,\n var(--c1) var(--_g)\n ),\n conic-gradient(\n from 60deg at calc(200% / 3) 50%,\n var(--c1) 60deg,\n var(--c3) var(--_g)\n ),\n conic-gradient(\n from -60deg at 50% calc(100% / 3),\n var(--c1) 120deg,\n var(--c2) 0 240deg,\n var(--c3) 0\n );\n background-size: calc(var(--s) * 1.732) var(--s);\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"bc375c","snapshot":"https://s1.qingting.work/runjs/889b117ba454.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by mobinkakei","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":491,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n width: 100%;\n height: 100%;\n /* Add your background pattern here */\n --s: 25px; /* control the size */\n --c1: #1eaaee;\n --c2: #171717;\n\n --c: #0000 71%, var(--c1) 0 79%, #0000 0;\n --_s: calc(var(--s) / 2) / calc(2 * var(--s)) calc(2 * var(--s));\n background: linear-gradient(45deg, var(--c)) calc(var(--s) / -2) var(--_s),\n linear-gradient(135deg, var(--c)) calc(var(--s) / 2) var(--_s),\n radial-gradient(var(--c1) 35%, var(--c2) 37%) 0 0 / var(--s) var(--s);\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"aa76b5","snapshot":"https://s1.qingting.work/runjs/1cbf5dc830f3.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by theleaderofenemy","updated":"2024-01-22T19:24:21.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":989,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n width: 100%;\n height: 100%;\n --s: 84px;\n --c1: #79994f;\n --c2: #717246;\n --c3: #3b3b06;\n\n --_g: 0 120deg, #0000 0;\n background: conic-gradient(\n from 0deg at calc(500% / 6) calc(100% / 3),\n var(--c3) var(--_g)\n ),\n conic-gradient(\n from -120deg at calc(100% / 6) calc(100% / 3),\n var(--c2) var(--_g)\n ),\n conic-gradient(\n from 120deg at calc(100% / 3) calc(500% / 6),\n var(--c1) var(--_g)\n ),\n conic-gradient(\n from 120deg at calc(200% / 3) calc(500% / 6),\n var(--c1) var(--_g)\n ),\n conic-gradient(\n from -180deg at calc(100% / 3) 50%,\n var(--c2) 60deg,\n var(--c1) var(--_g)\n ),\n conic-gradient(\n from 60deg at calc(200% / 3) 50%,\n var(--c1) 60deg,\n var(--c3) var(--_g)\n ),\n conic-gradient(\n from -60deg at 50% calc(100% / 3),\n var(--c1) 120deg,\n var(--c2) 0 240deg,\n var(--c3) 0\n );\n background-size: calc(var(--s) * 1.732) var(--s);\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"ef2031","snapshot":"https://s1.qingting.work/runjs/2146baa013b5.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by PriyanshuGupta28","updated":"2024-01-22T19:24:21.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":473,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n width: 100%;\n height: 100%;\n background: repeating-linear-gradient(\n 45deg,\n #e74c3c,\n #e74c3c 10px,\n transparent 10px,\n transparent 20px\n ),\n repeating-linear-gradient(\n -45deg,\n #f39c12,\n #f39c12 10px,\n transparent 10px,\n transparent 20px\n );\n background-size: 100% 100%, 100% 100%, 10px 10px, 10px 10px;\n background-position: center center, center center, center center,\n center center;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"fb6459","snapshot":"https://s1.qingting.work/runjs/b2977a176151.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by aadium","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":444,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".container {\n --color1: rgb(179, 255, 226);\n --color2: rgb(39, 0, 148);\n width: 100%;\n height: 100%;\n background-image: linear-gradient(45deg, var(--color1) 25%, transparent 25%, transparent 75%, var(--color1) 75%, var(--color1)),\n linear-gradient(45deg, var(--color2) 25%, var(--color1) 25%, var(--color1) 75%, var(--color2) 75%, var(--color2));\n background-size: 95px 15px;\n background-position: 0 0, 135px 135px;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"e819fe","snapshot":"https://s1.qingting.work/runjs/869eb4b1d13e.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by AspenBranch","updated":"2024-01-22T19:24:21.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":441,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n width: 100%;\n height: 100%;\n /* Add your background pattern here */\n background-color: white;\n background-image: linear-gradient(45deg, #ccc 25%, transparent 25%),\n linear-gradient(-45deg, #ccc 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #ccc 75%),\n linear-gradient(-45deg, transparent 75%, #ccc 75%);\n background-size: 20px 20px;\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"eece4c","snapshot":"https://s1.qingting.work/runjs/13012f88f5f6.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by csemszepp","updated":"2024-01-22T19:24:21.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":574,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n width: 100%;\n height: 100%;\n --s: 150px; /* control the size */\n --c1: #ff847c;\n --c2: #e84a5f;\n --c3: #fecea8;\n --c4: #99b898;\n\n background: conic-gradient(\n from 45deg at 75% 75%,\n var(--c3) 90deg,\n var(--c1) 0 180deg,\n #0000 0\n ),\n conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg, #0000 0),\n conic-gradient(from -45deg at 50% 100%, #0000 180deg, var(--c3) 0),\n conic-gradient(\n from -45deg,\n var(--c1) 90deg,\n var(--c2) 0 225deg,\n var(--c4) 0\n );\n background-size: var(--s) var(--s);\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"595289","snapshot":"https://s1.qingting.work/runjs/1fa64222f589.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by vnuny","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":255,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n background-color: #e5e5f7;\n opacity: 1;\n width: 100%;\n height: 100%;\n background-image: repeating-radial-gradient(\n circle at 0 0,\n transparent 0,\n #e5e5f7 30px\n ),\n repeating-linear-gradient(#ffb5b58a, #ffb8b8);\n}\n"},{"created":"2024-01-22T17:20:18.000Z","isPrivate":0,"projectId":"267641","snapshot":null,"tags":null,"title":"form by Piyush831","updated":"2024-01-22T17:20:18.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":422,"cssLen":906,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".form {\n display: flex;\n flex-direction: column;\n gap: 10px;\n background: linear-gradient(to right ,grey,silver);\n padding: 40px;\n border-radius: 10px;\n}\n\n.login {\n font-size: 25px;\n font-weight: bold;\n text-align: center;\n margin-bottom: 20px;\n}\n\n.flex {\n display: flex;\n flex-direction: column;\n}\n\n.form button {\n margin-top: 25px;\n margin-bottom: 6px;\n border-radius: 10px;\n border: none;\n padding-top: 4px;\n padding-bottom: 4px;\n font-size: 19px;\n font-weight: bold;\n color: grey;\n}\n\n.form label {\n margin-top: 20px;\n margin-bottom: 5px;\n}\n\n.form button:hover {\n box-shadow: 2px 2px 12px white;\n}\n\n.input {\n height: 30px;\n outline: none;\n padding: 15px;\n border-radius: 10px;\n border: none;\n font-weight: bold;\n font-size: 15px;\n box-shadow: 2px 2px 12px inset black;\n}\n\n.span:hover {\n font-weight: bold;\n}\n\n.color {\n color: white;\n}\n\n.align {\n text-align: center;\n}\n"}]}},"actionData":null,"errors":null}