From d8b3b8cee5cc87ed1993df4c5a3323219d91828e Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Fri, 16 Aug 2019 15:37:53 -0300
Subject: [PATCH] Cambiada animacion fade-in

---
 src/assets/scss/animation.scss | 37 ++++++++++++++++---------------------
 1 file changed, 16 insertions(+), 21 deletions(-)

diff --git a/src/assets/scss/animation.scss b/src/assets/scss/animation.scss
index 33d57df..f362ecd 100644
--- a/src/assets/scss/animation.scss
+++ b/src/assets/scss/animation.scss
@@ -1,35 +1,30 @@
 .fade-in {
-  animation: fadein 0.7s;
-  -moz-animation: fadein 0.7s; /* Firefox */
-  -webkit-animation: fadein 0.7s; /* Safari and Chrome */
-  -o-animation: fadein 0.7s; /* Opera */
+  -webkit-animation: fadein 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
+  animation: fadein 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
 }
 
-@keyframes fadein {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@-moz-keyframes fadein {
-  /* Firefox */
-  from {
+@-webkit-keyframes fadein {
+  0% {
+    -webkit-transform: translateZ(80px);
+    transform: translateZ(80px);
     opacity: 0;
   }
-  to {
+  100% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
     opacity: 1;
   }
 }
 
-@-webkit-keyframes fadein {
-  /* Safari and Chrome */
-  from {
+@keyframes fadein {
+  0% {
+    -webkit-transform: translateZ(80px);
+    transform: translateZ(80px);
     opacity: 0;
   }
-  to {
+  100% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
     opacity: 1;
   }
 }
-- 
1.9.1