From 228d947a8420f2c3a105162dc373267115be574d Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Sat, 13 Apr 2024 10:28:53 -0700
Subject: Fade in animation for card (#3521)

* fade in and out the card

one more fix

dont leave an invisible card behind

okay just about there

move styles

glitch

clear hide timeouts on card enter

about there

* Tweak timings

* Rewrite with explicit states

---------

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
---
 web/index.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'web/index.html')

diff --git a/web/index.html b/web/index.html
index 06d00dec9..b059e69e9 100644
--- a/web/index.html
+++ b/web/index.html
@@ -239,6 +239,16 @@
         inset:0;
         animation: rotate 500ms linear infinite;
       }
+
+      @keyframes avatarHoverFadeIn {
+        from { opacity: 0; }
+        to { opacity: 1; }
+      }
+
+      @keyframes avatarHoverFadeOut {
+        from { opacity: 1; }
+        to { opacity: 0; }
+      }
     </style>
   </head>
 
-- 
cgit 1.4.1