Forker/fuwari
1
0
Fork 0
mirror of https://github.com/saicaca/fuwari.git synced 2026-01-11 23:02:53 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: onload animation tweaks

Browse Source
This commit is contained in:
saicaca
2024-03-13 01:32:54 +08:00
parent 2ff9b8544e
commit df30781cdc
11 changed files with 52 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/GlobalStyles.astro
View File

@@ -52,6 +52,8 @@ rainbow-dark = linear-gradient(to right, oklch(0.70 0.10 0), oklch(0.70 0.10 30)
--banner-height-home 60vh
--banner-height 40vh
--content-delay 150ms
color_set({
--primary: oklch(0.70 0.14 var(--hue)) oklch(0.75 0.14 var(--hue))
--page-bg: oklch(0.95 0.01 var(--hue)) oklch(0.16 0.014 var(--hue))
@@ -257,20 +259,20 @@ color_set({
}
.onload-animation {
opacity: 0;
animation: 500ms fade-in-up;
animation: 300ms fade-in-up;
animation-fill-mode: forwards;
}
#top-row {
animation-delay: 0ms
}
#sidebar {
animation-delay: 150ms
animation-delay: 100ms
}
#content-wrapper {
animation-delay: 350ms;
animation-delay: var(--content-delay);
}
#footer {
animation-delay: 500ms;
animation-delay: 400ms;
}