add secondary dots to background

ccaven · Jul 16, 2023 · 2127cea · 2127cea
1 parent 1858e15
commit 2127cea
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -6,6 +6,8 @@
 -->
 
 <div id="background" class="absolute w-full h-full"></div>
+<div id="background-2" class="absolute w-full h-full"></div>
+<div id="background-3" class="absolute w-full h-full"></div>
 
 <CodeEditor/>
 
@@ -20,4 +22,22 @@
         z-index: -100;
         position: fixed
     }
+
+    #background-2 {
+        background-image: radial-gradient(lightgray 0.5px, transparent 0);
+        background-size: 20px 20px;
+        background-position: -29px -19px;
+        transform: rotate(30deg) scale(2);
+        z-index: -100;
+        position: fixed
+    }
+
+    #background-3 {
+        background-image: radial-gradient(lightgray 0.5px, transparent 0);
+        background-size: 20px 20px;
+        background-position: -19px -29px;
+        transform: rotate(30deg) scale(2);
+        z-index: -100;
+        position: fixed
+    }
 </style>