{"loaderData":{"0":null,"0-2":{"total":7177,"projects":[{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"9b95a8","snapshot":"https://s1.qingting.work/runjs/1cc180964d43.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by bociKond","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":1321,"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: radial-gradient(\n 50% 50% at 100% 0,\n #ca3f3f 0% 5%,\n #ffffff 6% 15%,\n #ca3f3f 16% 25%,\n #ffffff 26% 35%,\n #ca3f3f 36% 45%,\n #ffffff 46% 55%,\n #ca3f3f 56% 65%,\n #ffffff 66% 75%,\n #ca3f3f 76% 85%,\n #ffffff 86% 95%,\n #0000 96%\n ),\n radial-gradient(\n 50% 50% at 0 100%,\n #ca3f3f 0% 5%,\n #ffffff 6% 15%,\n #ca3f3f 16% 25%,\n #ffffff 26% 35%,\n #ca3f3f 36% 45%,\n #ffffff 46% 55%,\n #ca3f3f 56% 65%,\n #ffffff 66% 75%,\n #ca3f3f 76% 85%,\n #ffffff 86% 95%,\n #0000 96%\n ),\n radial-gradient(\n 50% 50%,\n #ca3f3f 0% 5%,\n #ffffff 6% 15%,\n #ca3f3f 16% 25%,\n #ffffff 26% 35%,\n #ca3f3f 36% 45%,\n #ffffff 46% 55%,\n #ca3f3f 56% 65%,\n #ffffff 66% 75%,\n #ca3f3f 76% 85%,\n #ffffff 86% 95%,\n #0000 96%\n ),\n radial-gradient(\n 50% 50%,\n #ca3f3f 0% 5%,\n #ffffff 6% 15%,\n #ca3f3f 16% 25%,\n #ffffff 26% 35%,\n #ca3f3f 36% 45%,\n #ffffff 46% 55%,\n #ca3f3f 56% 65%,\n #ffffff 66% 75%,\n #ca3f3f 76% 85%,\n #ffffff 86% 95%,\n #0000 96%\n )\n 38px 38px;\n background-size: 76px 76px;\n background-color: #ca3f3f;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"e59677","snapshot":"https://s1.qingting.work/runjs/e3311bfff3a1.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by adilsarfraz02","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":172,"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: transparent;\n background-image: radial-gradient(#000000 1px, #e5e5f7 1px);\n background-size: 30px 30px;\n width: 100%;\n height: 100%;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"f4de09","snapshot":"https://s1.qingting.work/runjs/0c982c213d7f.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by aadium","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":881,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

","css":".container {\n --color1: rgb(0, 3, 49, 0.6);\n --color2: rgba(248, 255, 182, 0.6);\n --color3: rgb(255, 0, 0, 0.6);\n --color4: rgb(0, 255, 0, 0.6);\n --color5: rgb(0, 0, 255, 0.6);\n --color6: rgb(255, 255, 0, 0.6);\n width: 100%;\n height: 100%;\n background-image: linear-gradient(45deg, var(--color2) 25%, transparent 25%, transparent 75%, var(--color2) 75%, var(--color2)), \n linear-gradient(135deg, var(--color2) 25%, var(--color1) 25%, var(--color1) 75%, var(--color2) 75%, var(--color2)),\n linear-gradient(225deg, var(--color3) 25%, var(--color4) 25%, var(--color4) 75%, var(--color3) 75%, var(--color3)),\n linear-gradient(315deg, var(--color5) 25%, var(--color6) 25%, var(--color6) 75%, var(--color5) 75%, var(--color5));\n background-size: 90px 90px;\n background-position: 0 0, 135px 135px, -135px -135px, 0 0;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"1a0551","snapshot":"https://s1.qingting.work/runjs/4ab592941667.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Ratinax","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":256,"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 /* Add your background pattern here */\n background-image: radial-gradient(black 75%, transparent 90%),\n linear-gradient(45deg, red, green, yellow);\n background-size: 3em 3em;\n /* background: lightblue; */\n}"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"86caeb","snapshot":"https://s1.qingting.work/runjs/7badc4d3798e.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Juanes200122","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":261,"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: #ffffff;\n background-image: radial-gradient(rgba(12, 12, 12, 0.171) 2px, transparent 0);\n background-size: 30px 30px;\n background-position: -5px -5px;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"f05de1","snapshot":"https://s1.qingting.work/runjs/ebcb2642a44a.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by csemszepp","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":762,"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: 194px; /* control the size */\n --c1: #f6edb3;\n --c2: #acc4a3;\n\n --_l: #0000 calc(25% / 3), var(--c1) 0 25%, #0000 0;\n --_g: conic-gradient(from 120deg at 50% 87.5%, var(--c1) 120deg, #0000 0);\n\n background: var(--_g), var(--_g) 0 calc(var(--s) / 2),\n conic-gradient(from 180deg at 75%, var(--c2) 60deg, #0000 0),\n conic-gradient(from 60deg at 75% 75%, var(--c1) 0 60deg, #0000 0),\n linear-gradient(150deg, var(--_l)) 0 calc(var(--s) / 2),\n conic-gradient(\n at 25% 25%,\n #0000 50%,\n var(--c2) 0 240deg,\n var(--c1) 0 300deg,\n var(--c2) 0\n ),\n linear-gradient(-150deg, var(--_l)) #55897c /* third color here */;\n background-size: calc(0.866 * var(--s)) var(--s);\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"56309b","snapshot":"https://s1.qingting.work/runjs/2b665b5267b3.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by themrsami","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":386,"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-image: linear-gradient(45deg, #3cb371 25%, transparent 25%),\n linear-gradient(-45deg, #3cb371 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, #7cfc00 75%),\n linear-gradient(-45deg, transparent 75%, #7cfc00 75%);\n background-size: 100px 100px;\n background-position: 0 0, 50px 0, 50px -50px, 0px 50px;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"d47b52","snapshot":"https://s1.qingting.work/runjs/d74d52f6f6c8.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":308,"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: 100px; /* control the size */\n\n --_g: #0000 90deg, #366 0;\n background: conic-gradient(from 90deg at 2px 2px, var(--_g)),\n conic-gradient(from 90deg at 1px 1px, var(--_g));\n background-size: var(--s) var(--s), calc(var(--s) / 5) calc(var(--s) / 5);\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"4b8adb","snapshot":"https://s1.qingting.work/runjs/cc0ddf0ef0a8.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by catraco","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":278,"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-image: repeating-conic-gradient(\n from 0deg,\n orangered,\n transparent 10deg,\n orange 10deg,\n orangered 20deg\n );\n background-size: 100% 100%;\n background-repeat: no-repeat;\n background-color: orange;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"7667c1","snapshot":"https://s1.qingting.work/runjs/c64c8518543e.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by elijahgummer","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":631,"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 position: relative;\n background: #f0f0f0;\n}\n\n.container::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(\n 45deg,\n #6ab5b9 25%,\n transparent 25%,\n transparent 50%,\n #6ab5b9 50%,\n #6ab5b9 75%,\n transparent 75%,\n transparent\n ),\n linear-gradient(\n -45deg,\n #6ab5b9 25%,\n transparent 25%,\n transparent 50%,\n #6ab5b9 50%,\n #6ab5b9 75%,\n transparent 75%,\n transparent\n );\n background-size: 20px 20px;\n opacity: 0.8;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"f2fbf9","snapshot":"https://s1.qingting.work/runjs/62d0f265c5be.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by catraco","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":256,"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-image: repeating-linear-gradient(\n -45deg,\n orange 0,\n transparent 30px,\n orangered 30px,\n transparent 60px,\n orange 120px,\n transparent 240px\n );\n background-color: orange;\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"6de8e6","snapshot":"https://s1.qingting.work/runjs/21f14ac273e9.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by themrsami","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":309,"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-color: purple;\n background-image: linear-gradient(45deg, transparent 33.3%, orange 33.3%, orange 66.6%, transparent 66.6%),\n linear-gradient(-45deg, transparent 33.3%, orange 33.3%, orange 66.6%, transparent 66.6%);\n background-size: 60px 60px;\n}\n"}]}},"actionData":null,"errors":null}