{"loaderData":{"0":null,"0-3":{"total":7437,"projects":[{"created":"2024-01-22T17:22:22.000Z","isPrivate":0,"projectId":"d379fe","snapshot":"https://s1.qingting.work/runjs/07022a3409bd.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":695,"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: 82px;\n --c1: #b2b2b2;\n --c2: #ffffff;\n --c3: #d9d9d9;\n\n --_g: var(--c3) 0 120deg, #0000 0;\n background: conic-gradient(from -60deg at 50% calc(100% / 3), var(--_g)),\n conic-gradient(from 120deg at 50% calc(200% / 3), var(--_g)),\n conic-gradient(\n from 60deg at calc(200% / 3),\n var(--c3) 60deg,\n var(--c2) 0 120deg,\n #0000 0\n ),\n conic-gradient(from 180deg at calc(100% / 3), var(--c1) 60deg, var(--_g)),\n linear-gradient(\n 90deg,\n var(--c1) calc(100% / 6),\n var(--c2) 0 50%,\n var(--c1) 0 calc(500% / 6),\n var(--c2) 0\n );\n background-size: calc(1.732 * var(--s)) var(--s);\n}\n"},{"created":"2024-01-22T17:22:22.000Z","isPrivate":0,"projectId":"e27feb","snapshot":"https://s1.qingting.work/runjs/bd3f21475c7b.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Juanes200122","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":329,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n","css":".container {\n position: absolute;\n width: 100%;\n height: 100%;\n perspective: 1000px;\n background: linear-gradient(45deg, #3498db 25%, transparent 25%),\n linear-gradient(\n -45deg,\n #3498db 25%,\n transparent 25%,\n transparent 75%,\n #3498db 75%,\n #3498db\n );\n background-size: 50px 50px;\n}\n"},{"created":"2024-01-22T17:22:22.000Z","isPrivate":0,"projectId":"3889d4","snapshot":"https://s1.qingting.work/runjs/ae1bb473507f.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by milegelu","updated":"2024-01-22T19:24:21.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":551,"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\n background: #000000;\n --gap: 5em;\n --line: 1px;\n --color: rgba(255, 255, 255, 0.2);\n\n background-image: linear-gradient(\n -90deg,\n transparent calc(var(--gap) - var(--line)),\n var(--color) calc(var(--gap) - var(--line) + 1px),\n var(--color) var(--gap)\n ),\n linear-gradient(\n 0deg,\n transparent calc(var(--gap) - var(--line)),\n var(--color) calc(var(--gap) - var(--line) + 1px),\n var(--color) var(--gap)\n );\n background-size: var(--gap) var(--gap);\n}\n"},{"created":"2024-01-22T17:22:22.000Z","isPrivate":0,"projectId":"651a31","snapshot":"https://s1.qingting.work/runjs/36c90101d3b3.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Javierrocadev","updated":"2024-01-22T19:24:20.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":202,"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: repeating-radial-gradient( #0c0a0a 80%,#2f312f 90%,#3f4549 90%);\n background-size: 65px 65px;\n}"},{"created":"2024-01-22T17:22:22.000Z","isPrivate":0,"projectId":"c6b960","snapshot":"https://s1.qingting.work/runjs/d26692a254a3.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":776,"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: 200px; /* control the size */\n\n --_g: #dc9d37 25%, #fed450 0 50%, #0000 0;\n --_l1: #fff 0 1px, #0000 0 calc(25% - 1px), #fff 0 25%;\n --_l2: #fff 0 1px, #0000 0 calc(50% - 1px), #fff 0 50%;\n background: repeating-linear-gradient(45deg, var(--_l1)),\n repeating-linear-gradient(-45deg, var(--_l1)),\n repeating-linear-gradient(0deg, var(--_l2)),\n repeating-linear-gradient(90deg, var(--_l2)),\n conic-gradient(from 135deg at 25% 75%, var(--_g)),\n conic-gradient(from 225deg at 25% 25%, var(--_g)),\n conic-gradient(from 45deg at 75% 75%, var(--_g)),\n conic-gradient(from -45deg at 75% 25%, var(--_g)),\n repeating-conic-gradient(#125c65 0 45deg, #bc4a33 0 90deg);\n background-size: var(--s) var(--s);\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"c1884b","snapshot":"https://s1.qingting.work/runjs/9a580939abbf.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by 16alves02","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":235,"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: repeating-linear-gradient(45deg, #3498db, #3498db 30px, #2ecc71 30px, #2ecc71 60px),\n repeating-linear-gradient(135deg, #e74c3c, #e74c3c 30px, #f1c40f 30px, #f1c40f 60px);\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"30b8eb","snapshot":"https://s1.qingting.work/runjs/7f4c7350b23c.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":169,"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 #008080,\n #008080 10px,\n #20b2aa 10px,\n #20b2aa 20px\n );\n}\n"},{"created":"2024-01-22T17:22:21.000Z","isPrivate":0,"projectId":"fa3ae3","snapshot":"https://s1.qingting.work/runjs/7cac206ce390.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by escannord","updated":"2024-01-22T19:24:19.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":1394,"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: lightblue;\n background: radial-gradient(\n circle,\n rgb(170, 162, 162),\n #333 30%,\n rgba(88, 84, 84, 0.226) 0%\n ),\n radial-gradient(\n circle at 40px 40px,\n rgb(233, 228, 228),\n #333 30%,\n rgba(88, 84, 84, 0) 0%\n ),\n radial-gradient(\n circle at 600px 200px,\n rgb(233, 228, 228),\n #333 10%,\n rgba(88, 84, 84, 0) 0%\n ),\n radial-gradient(\n circle at 800px 100px,\n rgb(233, 228, 228),\n #333 10%,\n rgba(88, 84, 84, 0) 0%\n ),\n radial-gradient(\n circle at 700px 500px,\n rgb(233, 228, 228),\n #333 2%,\n rgba(88, 84, 84, 0.123) 0%\n ),\n radial-gradient(\n circle at 200px 400px,\n rgb(233, 228, 228),\n #333 1%,\n rgba(88, 84, 84, 0) 0%\n ),\n radial-gradient(\n circle at 300px 700px,\n rgb(233, 228, 228),\n #333 15%,\n rgba(88, 84, 84, 0) 0%\n ),\n radial-gradient(\n circle at 900px 500px,\n rgb(233, 228, 228),\n #333 20%,\n rgba(88, 84, 84, 0) 0%\n ),\n radial-gradient(\n circle at 650px 400px,\n rgb(233, 228, 228),\n #333 10%,\n rgba(88, 84, 84, 0) 0%\n ),\n radial-gradient(\n circle at 600px 600px,\n rgb(233, 228, 228),\n #333 1%,\n rgba(88, 84, 84, 0.959) 0%\n );\n}\n"},{"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}"}]}},"actionData":null,"errors":null}