Merge pull request #859 from shmbhvi101/main

Hover effect + box shadow added to "view all" in 'Meet Core Members' Section
SauravMukherjee44 · Jun 13, 2024 · 467a8b5 · 467a8b5
2 parents d5d29c1 + eac200c
commit 467a8b5
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -97,7 +97,30 @@
 	<!-- animate on scroll import -->
 	<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
 	<!-- animate on scroll import end -->
-
+	<style>
+        .Cbtn {
+
+            margin: 20px auto 10px;
+
+            background-color: white;
+            border-radius: 25px;
+            color: #F7B801; /* Initial text color is white */
+            transition: all 0.3s ease; /* Smooth transition for hover effects */
+
+            text-align: center; /* Center align text */
+			box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 
+            cursor: pointer; /* Change cursor to pointer */
+        }
+
+        .Cbtn:hover {
+            background-color:#F7B801;
+            color: white; /* Text color changes to yellow on hover */
+			border: 4px solid white; 
+
+
+
+        }
+    </style>
 </head>
 
 <body>