about summary refs log tree commit diff
path: root/web
diff options
context:
space:
mode:
authorHailey <me@haileyok.com>2024-04-13 10:28:53 -0700
committerGitHub <noreply@github.com>2024-04-13 18:28:53 +0100
commit228d947a8420f2c3a105162dc373267115be574d (patch)
tree7f2ab15e1e006195212522fc329a97289f3bcbfa /web
parent1a9eeb760ff0f9fcc8b7fd510ac3be7db889e95d (diff)
downloadvoidsky-228d947a8420f2c3a105162dc373267115be574d.tar.zst
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>
Diffstat (limited to 'web')
-rw-r--r--web/index.html10
1 files changed, 10 insertions, 0 deletions
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>