Update summer-slams-dsa.html

Author: VaibhavRawat27

summer-slams-dsa.html

@@ -26,6 +26,7 @@
       align-items: center;
       overflow: hidden;
       text-align: center;
+      transition: background 0.5s ease;
     }
 
     /* Logo */
@@ -86,9 +87,10 @@
 
     .particle {
       position: absolute;
-      background: rgba(255, 255, 255, 0.05);
+      background: rgba(255, 255, 255, 0.1);
       border-radius: 50%;
       animation: float 10s infinite ease-in-out;
+      transition: transform 0.5s ease;
     }
 
     @keyframes float {
@@ -112,7 +114,7 @@ <h1>Coming Soon</h1>
   <script>
     const particleContainer = document.getElementById("particles-container");
 
-    for (let i = 0; i < 30; i++) {
+    for (let i = 0; i < 50; i++) {  // Increased particle count for a denser effect
       const p = document.createElement("div");
       p.classList.add("particle");
       const size = Math.random() * 12 + 5;