Hover effect on Search Icon

swaraj-das · Oct 23, 2024 · 8f8065c · 8f8065c
1 parent 131b955
commit 8f8065c
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -1987,3 +1987,20 @@ button {
   background-color: #0056b3;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }
+/* Hover effect for the search icon */
+.fas.fa-search {
+  display: inline-block; 
+  transition: transform 0.3s ease, color 0.3s ease; box-shadow 0.3s ease;
+  border: 2px solid transparent; 
+  padding: 5px; 
+}
+
+.fas.fa-search:hover {
+  transform: scale(1.13); rotate(10deg);
+  color: #3498db;       
+  cursor: pointer;      
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); 
+  border: 2px solid #3498db; 
+}
+
+