gradient

CHooverShrimp · Oct 19, 2024 · 891c4df · 891c4df
1 parent 2505185
commit 891c4df
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -22,6 +22,7 @@ import Card from '../components/Card.astro';
 	<main>
 		<div class="falling-image" id="falling-image"></div>
 		<div class="image-container">
+			<div class="gradient1"></div>
 			<Image src="/image1.png" alt="anons" class="fading-image" width={1920} height={1080}/>
 			<div class="gradient-overlay"></div>
 
@@ -70,6 +71,15 @@ import Card from '../components/Card.astro';
 		overflow: hidden;
 	}
 
+	.gradient1 {
+    content: '';
+    position: absolute;
+	width: 100%;
+	height: 100%;
+    background: radial-gradient(circle, transparent 50%, rgb(0, 0, 0));
+    pointer-events: none;
+	}
+
 	.fading-image {
 		max-width: 100vw;
 		width: 100vw;
@@ -205,7 +215,7 @@ import Card from '../components/Card.astro';
 		border: none; 
   	}
 
-	  #enter-button {
+	#enter-button {
 		background-image: url('/Ticket.svg');
 		width: 400px;
 		height: 219px;