Hover effect successfully added to Login & Register Buttons

anuragverma108 · Oct 17, 2024 · 697520b · 697520b
1 parent 9ebbd90
commit 697520b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -617,6 +617,7 @@ html {
 
 .navbar-link:is(:hover, :focus) {
   background-color: var(--pistachio);
+  transition: 1.5s ease-in-out;
 }
 
 .header-action {

diff --git a/index.html b/index.html
@@ -143,13 +143,13 @@ <h1>
 
            <li>
                 <a id="loginLink" class="navbar-link login-nav" href="login.html" data-nav-link>
-                      <span>Login</span>
+                      <span class="new_size">Login</span>
                       <ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
                 </a>
             </li>
           <li>
             <a id="registerLink" class="navbar-link login-nav" href="register.html" data-nav-link>
-              <span>Register</span>
+              <span class="new_size">Register</span>
               <ion-icon name="chevron-forward-outline" aria-hidden="true"></ion-icon>
             </a>
           </li>