From 2323b17e1e394c5bdf5defb514b65d130efe215f Mon Sep 17 00:00:00 2001 From: Daniela Arcese Date: Fri, 9 Jun 2017 11:10:35 -0400 Subject: [PATCH] change animation to transition --- public/main.css | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/public/main.css b/public/main.css index 9a7d4504..38fd83e3 100644 --- a/public/main.css +++ b/public/main.css @@ -113,6 +113,7 @@ td { position: relative; display: inline-block; cursor: pointer; + } /* The actual popup (appears on top) */ @@ -129,6 +130,8 @@ td { bottom: 125%; left: 50%; margin-left: -80px; + transition: opacity 0.5s; + opacity: 0; } /* Popup arrow */ @@ -145,12 +148,7 @@ td { .popup .show { visibility: visible; - animation: fadeIn 1s; -} - -@keyframes fadeIn { - from {opacity: 0;} - to {opacity:1 ;} + opacity: 1; } /** upload-progress **/