{"loaderData":{"0":null,"0-2":{"total":6509,"projects":[{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"404f3a","snapshot":"https://s1.qingting.work/runjs/425211f1a9ff.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by catraco","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":191,"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: linear-gradient(to bottom right, orangered, orange, orangered)\n orange;\n background-size: 2em 2em;\n background-repeat: space;\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"265c71","snapshot":"https://s1.qingting.work/runjs/46a7ea0b2f88.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by uiverse-astronaut","updated":"2024-01-22T19:24:21.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":338,"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: white;\n background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), \n linear-gradient(45deg, #ccc 25%, white 25%, white 75%, #ccc 75%, #ccc);\n background-size: 30px 30px;\n background-position: 0 0, 15px 15px;\n}"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"cc1d03","snapshot":"https://s1.qingting.work/runjs/05f19a8e237d.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Efrain2112","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":540,"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 --size: 80px; /* control the size */\n --color1: #f29c9c;\n --color2: #ffd700;\n --color3: #7ec8e3;\n --cone: #8b4513;\n\n background: radial-gradient(\n circle at 50% 30%,\n transparent 30%,\n var(--color1) 31%\n ),\n radial-gradient(circle at 30% 70%, transparent 30%, var(--color2) 31%),\n radial-gradient(circle at 70% 70%, transparent 30%, var(--color3) 31%),\n linear-gradient(to bottom, var(--cone) 50%, transparent 50%);\n background-size: var(--size) var(--size);\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"bb8e21","snapshot":"https://s1.qingting.work/runjs/9688f694d21f.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by catraco","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":228,"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 orange,\n orangered 10px,\n orange 10px,\n orangered 20px\n )\n orange;\n background-blend-mode: screen;\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"0df242","snapshot":"https://s1.qingting.work/runjs/055c14341db0.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by csemszepp","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":622,"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 --c1: #f8b195;\n --c2: #355c7d;\n\n --_g: var(--c2) 6% 14%, var(--c1) 16% 24%, var(--c2) 26% 34%,\n var(--c1) 36% 44%, var(--c2) 46% 54%, var(--c1) 56% 64%, var(--c2) 66% 74%,\n var(--c1) 76% 84%, var(--c2) 86% 94%;\n background: radial-gradient(\n 100% 100% at 100% 0,\n var(--c1) 4%,\n var(--_g),\n #0008 96%,\n #0000\n ),\n radial-gradient(\n 100% 100% at 0 100%,\n #0000,\n #0008 4%,\n var(--_g),\n var(--c1) 96%\n )\n var(--c1);\n background-size: var(--s) var(--s);\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"72acc8","snapshot":"https://s1.qingting.work/runjs/5d414c0aef98.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Javierrocadev","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":192,"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( #173d49 85%, #36a6f1 90%,#0d1725 20%);\n background-size: 50px 50px;\n}"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"811ad4","snapshot":"https://s1.qingting.work/runjs/0b8ba2b49130.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Javierrocadev","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":205,"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( #e2d1d1 50%, #e7d2d2ee 70%,#f5c7a1 95%);\n background-size: 50px 50px;\n}"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"6b4e3f","snapshot":"https://s1.qingting.work/runjs/c1fe04d2ed51.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by ayman-ashine","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":320,"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 --color: rgb(255, 50, 50, 0.8);\n background-color: rgb(0, 0, 0);\n background-size: 40px 40px;\n background-image: linear-gradient(45deg, var(--color), transparent 40%),\n linear-gradient(-90deg, var(--color), transparent 20%);\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"bdcfba","snapshot":"https://s1.qingting.work/runjs/11433e1b8a68.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by SouravBandyopadhyay","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":257,"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: linear-gradient(45deg, #bcdbef 25%, transparent 25%, transparent 50%, #bcdbef 50%, #8ea2ae 75%, transparent 75%, transparent);\n background-size: 20px 20px;\n}"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"0755fa","snapshot":"https://s1.qingting.work/runjs/becc283c5436.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by escannord","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":521,"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: repeating-conic-gradient(\n rgba(195, 195, 197, 0.1) 0%,\n rgb(7, 7, 7) 10%,\n rgba(195, 195, 197, 0.3) 20%\n ),\n radial-gradient(rgba(7, 112, 94, 0.3), rgba(61, 26, 189, 0.3)),\n linear-gradient(rgba(155, 0, 0, 0.3), rgba(13, 13, 117, 0.2)),\n radial-gradient(\n circle,\n rgb(255, 252, 252),\n rgb(10, 10, 10) 30%,\n rgba(84, 84, 88, 0.562) 0%\n );\n background-size: 10px 10px;\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"2dc11c","snapshot":"https://s1.qingting.work/runjs/24389fe0053b.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":443,"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 position: relative;\n background: repeating-linear-gradient(to bottom, rgb(255, 145, 0, 0.5), rgb(255, 0, 0, 0.5), rgb(255, 0, 140, 0.5), rgb(255, 0, 0, 0.5), rgb(255, 145, 0, 0.5) 50px),\n repeating-linear-gradient(to left, rgb(255, 145, 0, 0.5), rgb(255, 0, 0, 0.5), rgb(255, 0, 140, 0.5), rgb(255, 0, 0, 0.5), rgb(255, 145, 0, 0.5) 50px),\n rgba(193, 193, 193, 0.673);\n}"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"934b0c","snapshot":"https://s1.qingting.work/runjs/19d14c481b4e.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by catraco","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":191,"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: conic-gradient(orange, orangered);\n background-size: 100% 100%;\n background-repeat: no-repeat;\n background-color: orange;\n}\n"}]}},"actionData":null,"errors":null}