From a4cb3a157eabbd5b204abb838fe60fac69981ff3 Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Fri, 9 Aug 2019 13:05:26 -0300
Subject: [PATCH] Agregada animacion.

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

diff --git a/src/assets/scss/animation.scss b/src/assets/scss/animation.scss
index dbba237..7cadcfa 100644
--- a/src/assets/scss/animation.scss
+++ b/src/assets/scss/animation.scss
@@ -37,12 +37,47 @@
   }
 }
 
-@-o-keyframes fadein {
-  /* Opera */
+.fade-left {
+  margin-top: 25px;
+  font-size: 21px;
+  text-align: center;
+  animation: fadeleft 1s;
+  -moz-animation: fadeleft 1s; /* Firefox */
+  -webkit-animation: fadeleft 1s; /* Safari and Chrome */
+  -o-animation: fadeleft 1s; /* Opera */
+}
+
+@keyframes fadeleft {
+  from {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@-moz-keyframes fadeleft {
+  /* Firefox */
+  from {
+    opacity: 0;
+    -moz-transform: translateX(-20px);
+  }
+  to {
+    opacity: 1;
+    -moz-transform: translateX(0);
+  }
+}
+
+@-webkit-keyframes fadeleft {
+  /* Safari and Chrome */
   from {
     opacity: 0;
+    -webkit-transform: translateX(-20px);
   }
   to {
     opacity: 1;
+    -webkit-transform: translateX(0);
   }
 }
-- 
1.9.1