Merge pull request #1284 from Ravi-1606/1283

Enhanced Hover Effects for Article Listings #1283
ANSHIKA-26 · Oct 22, 2024 · 87500ef · 87500ef · vercel · Oct 22, 2024
2 parents 919e5bc + 0c67306
commit 87500ef
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -244,10 +244,6 @@ <h2 href="index.html">WordWise</h2>
         <a href="contact_us.html">Contact Us</a>
         <a href="contact_us.html">Give Feedback</a>
     </div>
-
-
-
-
               <div class="dropdown" >
                 <!-- Profile Icon -->
                 <a href="#" class="profile-icon" id="profileDropdown" onclick="toggleDropdown()">

diff --git a/style.css b/style.css
@@ -3339,3 +3339,23 @@ nav{
   z-index: 999;
 
 }
+.flex-item {
+  transition: transform 0.3s ease;
+  margin: 10px;
+}
+
+.flex-item:hover {
+  transform: scale(1.05);
+  z-index: 1;
+}
+
+.article {
+  border-radius: 5px;
+  overflow: hidden;
+  box-shadow: 0 2px 8px transparent;
+  transition: box-shadow 0.3s ease;
+}
+
+.flex-item:hover .article {
+  box-shadow: 0 4px 12px transparent;
+}