From a3294e7b5da986b09f9255b8a57ee0b83dde1356 Mon Sep 17 00:00:00 2001 From: mpuebla Date: Mon, 22 Jul 2019 12:54:29 -0300 Subject: [PATCH] Agregada animacion para hacer fadeIn. --- src/sass/general.scss | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/src/sass/general.scss b/src/sass/general.scss index 761415d..e11840f 100644 --- a/src/sass/general.scss +++ b/src/sass/general.scss @@ -355,8 +355,26 @@ button.clear-input { height: -webkit-fill-available; display: flex; position: absolute; - background-color: rgba(255,255,255,0.6); + background-color: rgba(255, 255, 255, 0.6); left: 0; top: 0; z-index: 9999; } +.fadeIn { + opacity: 0; + animation: fadeIn 1.8s forwards; +} + +@keyframes fadeIn { + 0% { + opacity: 0; + transform: translateY(10px); + } + 30% { + opacity: 0.6; + } + 100% { + opacity: 1; + transform: translateY(0); + } +} -- 1.9.1