diff options
| author | Hailey <me@haileyok.com> | 2024-04-13 10:28:53 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-13 18:28:53 +0100 |
| commit | 228d947a8420f2c3a105162dc373267115be574d (patch) | |
| tree | 7f2ab15e1e006195212522fc329a97289f3bcbfa /bskyweb | |
| parent | 1a9eeb760ff0f9fcc8b7fd510ac3be7db889e95d (diff) | |
| download | voidsky-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 'bskyweb')
| -rw-r--r-- | bskyweb/templates/base.html | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html index 34e590106..cb0cea24b 100644 --- a/bskyweb/templates/base.html +++ b/bskyweb/templates/base.html @@ -235,6 +235,17 @@ inset:0; animation: rotate 500ms linear infinite; } + + @keyframes avatarHoverFadeIn { + from { opacity: 0; } + to { opacity: 1; } + } + + @keyframes avatarHoverFadeOut { + from { opacity: 1; } + to { opacity: 0; } + } + </style> </style> {% include "scripts.html" %} <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png"> |