Merge pull request #678 from Akhilesh-max/blog-hover

This PR introduces a hover effect for the two blogs featured on the caMicroscope landing page.
camicroscope · Mar 14, 2024 · 8c168a5 · 8c168a5
2 parents 29bb85c + 9a50cd0
commit 8c168a5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/apps/landing/main.css b/apps/landing/main.css
@@ -2429,6 +2429,12 @@
 			display: -webkit-flex;
 			display: -ms-flex;
 			display: flex;
+			transition: background-color 0.3s ease, transform 0.3s ease;
+		}
+
+		.posts .post:hover {
+			background-color: #f0f0f0; 
+			transform: translateY(-10px); 
 		}
 
 			.posts .post .image {