mckero/fuwari
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: onload animation tweaks

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

No files matched your search

src/pages/posts/[...slug].astro
+6 -6
View File
@@ -112,10 +112,10 @@ const { remarkPluginFrontmatter } = await entry.render();
</MainGridLayout>
<style is:global>
#post-container :nth-child(1) { animation-delay: 0ms }
#post-container :nth-child(2) { animation-delay: 75ms }
#post-container :nth-child(3) { animation-delay: 150ms }
#post-container :nth-child(4) { animation-delay: 300ms }
#post-container :nth-child(5) { animation-delay: 450ms }
#post-container :nth-child(6) { animation-delay: 600ms }
#post-container :nth-child(1) { animation-delay: calc(var(--content-delay) + 0ms) }
#post-container :nth-child(2) { animation-delay: calc(var(--content-delay) + 50ms) }
#post-container :nth-child(3) { animation-delay: calc(var(--content-delay) + 100ms) }
#post-container :nth-child(4) { animation-delay: calc(var(--content-delay) + 175ms) }
#post-container :nth-child(5) { animation-delay: calc(var(--content-delay) + 250ms) }
#post-container :nth-child(6) { animation-delay: calc(var(--content-delay) + 325ms) }
</style>