Merge pull request #1262 from SumithThota/main

Hover effect successfully added to Login & Register Buttons
anuragverma108 · Oct 18, 2024 · 99674bd · 99674bd
2 parents c5dc503 + 697520b
commit 99674bd
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
@@ -236,13 +236,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>