Merge pull request #97 from Unnati-Gupta24/main

Changed the styling of play button + added some cool neon effect and transformation on clicking the play button.
ChromeGaming · Jul 12, 2024 · 1936d76 · 1936d76
2 parents 6a7837b + 6fbcc94
commit 1936d76
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git a/home.html b/home.html
@@ -16,7 +16,7 @@
                 <li><a href="#game-info">Home</a></li>
                 <li><a href="#modes">Modes</a></li>
                 <li><a href="#leaderboard">Gameplay</a></li>
-                <a href="index.html" target="_blank"><button>Play Now</button></a>
+                <a href="index.html" target="_blank"><button class="buton">Play Now</button></a>
             </ul>
         </div>
     </nav>
@@ -208,4 +208,4 @@ <h3> <!-- The href tag can be updated later with the desired links -->
     });                    
     </script>
 </body>
-</html>
+</html>
diff --git a/style.css b/style.css
@@ -423,3 +423,29 @@ footer a:hover{
       }
 
 }
+
+
+.buton {
+    font-family: cursive;
+    font-size: large;
+    font-weight: bold;
+    color: aqua;
+    text-shadow: 2px 2px 4px rgb(255, 0, 238),-2px -2px 4px rgb(254, 0, 216);
+    background-color: #303134;
+    border-radius: 50%;
+  }
+  .buton:hover{
+    color: #00e7ff;
+  text-shadow: 0 0 10px #00e7ff,
+               0 0 20px #00e7ff,
+               0 0 30px #00e7ff,
+               0 0 40px #00e7ff,
+               0 0 70px #00e7ff,
+               0 0 80px #00e7ff,
+               0 0 100px #00e7ff,
+               0 0 150px #00e7ff;
+    background-color: black;
+  }
+  .buton:active{
+    transform: scale(0.8);
+  }