Merge pull request #93 from katareayush/ayush

Fixed social icons click while rotate animation
ChromeGaming · Jun 7, 2024 · 389476e · 389476e
2 parents 6d6e27f + efd7e2b
commit 389476e
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -33,15 +33,15 @@
             height: 100vh;
             background: radial-gradient(circle, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.1));
             animation: rotate 30s infinite linear;
-            transform: translateZ(-100px);
-            /* Move background layer back */
+            transform: translateZ(-100px); /* Move background layer back */
+            z-index: 0;
         }
 
         .background-layer:nth-child(2) {
             background: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
             animation-duration: 60s;
-            transform: translateZ(-200px);
-            /* Move second background layer further back */
+            transform: translateZ(-200px); /* Move second background layer further back */
+            z-index: 0;
         }
 
         @keyframes rotate {
@@ -57,19 +57,22 @@
         footer {
             text-align: center;
             color: #fff;
+            z-index: 1; 
+            position: relative; 
         }
 
         .con {
             font-size: 2rem;
             color: #fff;
         }
-
-        .social {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 2.5rem;
-
+        .social{
+           display: flex;
+           align-items: center;
+           justify-content: center;
+           gap: 2.5rem; 
+           z-index:1;
+           position: relative;
+
         }