Merge pull request #139 from neeru24/main

Added Hover Scale Effect to Input Fields
Mujtabaa07 · Jan 2, 2025 · 241550a · 241550a
2 parents abc290b + c09cc2e
commit 241550a
Show file tree

Hide file tree

Showing 2 changed files with 201 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/Pages/contact.js b/src/Pages/contact.js
@@ -26,6 +26,11 @@ const Input = styled.input`
   font-size: 1rem;
   border: 1px solid #ccc;
   border-radius: 4px;
+  transition: transform 0.3s ease-in-out;
+  
+  &:hover {
+    transform: scale(1.05); /* Slightly scales up the input */
+  }
 `;
 
 const TextArea = styled.textarea`
@@ -34,8 +39,14 @@ const TextArea = styled.textarea`
   border: 1px solid #ccc;
   border-radius: 4px;
   min-height: 150px;
+  transition: transform 0.3s ease-in-out;
+
+  &:hover {
+    transform: scale(1.05); /* Slightly scales up the textarea */
+  }
 `;
 
+
 function Contact() {
   const [formData, setFormData] = useState({
     name: '',