[feature] transition property

wasona · Oct 24, 2024 · 82f912f · 82f912f
1 parent 9f9b596
commit 82f912f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/components/navbar/navbar.css b/src/components/navbar/navbar.css
@@ -39,6 +39,7 @@ nav {
     border-radius: 100px;
     border-width: 1px;
     padding: 10px 20px; /* Added padding to create nice margins around the text */
+    transition: background-color 0.33s ease;
 }
 
 .sign-in:hover {

diff --git a/src/components/navbar/navbar.tsx b/src/components/navbar/navbar.tsx
@@ -2,6 +2,8 @@ import React from "react";
 import "./navbar.css"; // Import the CSS file
 import FormButton from "../formbutton/formbutton";
 
+
+
 const Navbar: React.FC = () => {
   return (
     <nav>