Merge pull request #68 from KunalBhat55/fix/Improve-Transition-Timing…

…-for-Buttons Improve Transition Timing for Buttons and UX
amrit03b · Oct 17, 2023 · bfcea90 · bfcea90
2 parents f02c758 + 571bc1d
commit bfcea90
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/style.css b/style.css
@@ -64,12 +64,12 @@ a #titled:hover{
 
 #registerButton{
     color: #00bfff;
-    transition: 1s;
+    transition: 0.3s;
 }
 
 #registerButton:hover{
     border-radius: 20px;
-    scale: 1.08;
+    scale: 1.06;
     color: #ffffff;
 }
 
@@ -92,7 +92,7 @@ a #titled:hover{
 
 .btn.btn-primary{
     color: #0e0d0d;
-    transition:all 2s;
+    transition:all 0.3s;
 }
 
 .btn.btn-primary:hover{

diff --git a/stylelogin.css b/stylelogin.css
@@ -15,14 +15,15 @@
     display: flex; 
     border: 0ch;   
     border-radius: 20px;
-    background-color:#eb92db;
-    color:#a90580;
-    transition: 900ms;
+    /* background-color:#eb92db; */
+    background-color:#ff58b1;
+    color:whitesmoke;
+    transition: 0.3s;
 }
 
 #login:hover{
     background-color:#a60c97;
-    color:#e582e9;
+    /* color:#e582e9; */
 }
 
 /* #login:hover{
@@ -59,13 +60,13 @@
     border: 0ch;  
     border-radius: 20px;
     background-color:#ff58b1;
-    color:#ba0a8e;
-    transition: 900ms;
+    color:whitesmoke;
+    transition: 0.3s;
 }
 
 #register:hover{
     background-color:#ba0a97;
-    color:#ff00b7;
+    /* color:#ff00b7; */
 }
 
 .col-sm-4{