{"loaderData":{"0":null,"0-2":{"total":6509,"projects":[{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"af370b","snapshot":"https://s1.qingting.work/runjs/0470894a8beb.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":225,"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: rgba(29, 31, 32, 0.904)\n radial-gradient(rgba(255, 255, 255, 0.712) 10%, transparent 1%);\n\n background-size: 11px 11px;\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"d60ff1","snapshot":"https://s1.qingting.work/runjs/cd61802a823b.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Ratinax","updated":"2024-01-22T19:24:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":166,"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-radial-gradient(circle at 50%, rgb(26, 133, 233), rgb(104, 183, 230) 1em, white 1em, white 2em);\n}"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"c10672","snapshot":"https://s1.qingting.work/runjs/65f12c8f544f.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":815,"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: 75px; /* control the size */\n\n --_c: #0000, #fff 1deg 79deg, #0000 81deg;\n --g0: conic-gradient(from 140deg at 50% 87.5%, var(--_c));\n --g1: conic-gradient(from 140deg at 50% 81.25%, var(--_c));\n --g2: conic-gradient(from 140deg at 50% 75%, var(--_c));\n --g3: conic-gradient(at 10% 20%, #0000 75%, #fff 0);\n background: var(--g0) 0 calc(var(--s) / -4),\n var(--g0) var(--s) calc(3 * var(--s) / 4), var(--g1),\n var(--g1) var(--s) var(--s), var(--g2) 0 calc(var(--s) / 4),\n var(--g2) var(--s) calc(5 * var(--s) / 4),\n var(--g3) calc(var(--s) / -10) var(--s),\n var(--g3) calc(9 * var(--s) / 10) calc(2 * var(--s)),\n repeating-conic-gradient(from 45deg, #228b22 0 25%, #2e8b57 0 50%);\n background-size: calc(2 * var(--s)) calc(2 * var(--s));\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"b4ad76","snapshot":"https://s1.qingting.work/runjs/e246497eb583.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":607,"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: 20px; /* size of the lines */\n --g: 15px; /* gap between lines */\n\n --c1: #c02942;\n --c2: #53777a;\n\n background: conic-gradient(\n at var(--s) calc(100% - var(--s)),\n #0000 270deg,\n var(--c1) 0\n )\n calc(var(--s) + var(--g)) 0,\n linear-gradient(var(--c2) var(--s), #0000 0) 0 var(--g),\n conic-gradient(\n at var(--s) calc(100% - var(--s)),\n #0000 90deg,\n var(--c2) 0 180deg,\n var(--c1) 0\n ),\n #ecd078;\n background-size: calc(2 * (var(--s) + var(--g)))\n calc(2 * (var(--s) + var(--g)));\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"9fae6c","snapshot":"https://s1.qingting.work/runjs/e63780aa1a75.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by escannord","updated":"2024-01-22T19:24:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":1025,"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 --bg: linear-gradient(\n 45deg,\n rgb(0, 0, 0) 25%,\n transparent 25%,\n transparent 75%,\n rgb(0, 0, 0) 75%,\n rgb(0, 0, 0)\n ),\n linear-gradient(\n 45deg,\n rgb(0, 0, 0) 25%,\n white 25%,\n white 75%,\n rgb(0, 0, 0) 75%,\n rgb(0, 0, 0)\n );\n --bgsize: 60px 60px;\n --bgposition: 0 0, 30px 30px;\n background-color: white;\n background-image: var(--bg);\n background-size: var(--bgsize);\n background-position: var(--bgposition);\n position: relative;\n perspective: 1000px;\n transform-style: preserve-3d;\n overflow: hidden;\n box-shadow: inset 0px 0px 500px rgb(15, 15, 15);\n}\n\n.container::before {\n content: \"\";\n width: 100%;\n height: 150%;\n box-shadow: 0px -100px 500px black, inset 0px 100px 500px rgb(15, 15, 15);\n position: absolute;\n top: 55%;\n background-image: var(--bg);\n background-size: var(--bgsize);\n background-position: var(--bgposition);\n transform-origin: top;\n transform: rotateX(80deg);\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"eb1237","snapshot":"https://s1.qingting.work/runjs/be05f534d1ca.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by lautyYT","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":147,"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, #0050fc,#0050fc 20px, #0684fade 20px,#0684fade 40px);\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"fede01","snapshot":"https://s1.qingting.work/runjs/617074c0aa0a.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by themrsami","updated":"2024-01-22T19:24:23.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":260,"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: linear-gradient(45deg, green 25%, transparent 25%, transparent 75%, green 75%, green),\n linear-gradient(45deg, yellow, yellow);\n background-size: 100px 100px;\n background-position: 0, 50px 50px;\n}\n"},{"created":"2024-01-22T17:22:23.000Z","isPrivate":0,"projectId":"4faa85","snapshot":"https://s1.qingting.work/runjs/cb2093c4d2e4.png?x-oss-process=style/webp-w-500","tags":null,"title":"pattern by Deri-Kurniawan","updated":"2024-01-22T19:24:22.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":30,"cssLen":401,"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(circle at 10% 10%, #3e73f0 5%, transparent 5%),\n radial-gradient(circle at 90% 10%, #3e73f0 5%, transparent 5%),\n radial-gradient(circle at 90% 90%, #3e73f0 5%, transparent 5%),\n radial-gradient(circle at 10% 90%, #3e73f0 5%, transparent 5%);\n background-size: 20px 20px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n}\n"},{"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}"}]}},"actionData":null,"errors":null}