socialnetworknews-web

commit 93f3d7000be9c8c7f63a741805f6b14a400a5969
parent 617e30fe11beaa0e06be09e26269a3f375af2683
Author: MTRNord <mtrnord1@gmail.com>
Date:   Sat, 31 Mar 2018 19:54:41 +0200

Try to only transition the required attributes

Diffstat:
M
src/app/login/login.component.scss
 | 
14
++++++++------

1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss
@@ -17,7 +17,7 @@ body {
 
 .login-box:hover {
   box-shadow: 0 5px 15px rgba(0,0,0,0.3);
-  transition: opacity 0.3s ease-in-out;
+  transition: box-shadow 0.3s ease-in-out;
 }
 
 .login-box h2 {
@@ -55,7 +55,8 @@ body {
 #google-connect:hover {
   background-color: rgb(220, 74, 61);
   border-color: rgb(220, 74, 61);
-  transition: all .3s ease-out;
+  transition: background-color .3s ease-out;
+  transition: border-color .3s ease-out;
 }
 
 #google-connect span {
@@ -66,12 +67,12 @@ body {
   text-transform: uppercase;
   border: 0 none rgb(220, 74, 61);
   outline: rgb(255, 255, 255) none 0;
-  transition: all .3s ease;
+  transition: box-shadow .3s ease;
 }
 
 #google-connect:hover span {
   color: #FFF !important;
-  transition: all .3s ease-out;
+  transition: color .3s ease-out;
 }
 
 #twitter-connect {
@@ -82,7 +83,8 @@ body {
 #twitter-connect:hover {
   background-color: rgb(85, 172, 238);
   border-color: rgb(85, 172, 238);
-  transition: all .3s ease-out;
+  transition: background-color .3s ease-out;
+  transition: border-color .3s ease-out;
 }
 
 #twitter-connect span {
@@ -98,7 +100,7 @@ body {
 
 #twitter-connect:hover span {
   color: #FFF !important;
-  transition: all .3s ease-out;
+  transition: color .3s ease-out;
 }
 
 .tblue {