reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

✨ feat: add fade up animation to post page, optimize global animation curves and durations, refine animation-related naming conventions

Browse source
This commit is contained in:
radishzzz 2025-05-17 20:18:41 +01:00
parent d4ea4c470b
commit a35999629a
14 changed files with 122 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/pages/[...posts_slug].astro
View file

@ -114,7 +114,7 @@ const { Content, headings, remarkPluginFrontmatter } = await render(post)
<h1 class="post-title">
<span
transition:name={`post-${post.data.abbrlink || post.id}-${lang}`}
data-disable-transition-on-theme
data-disable-theme-transition
>
{post.data.title}
</span>
@ -125,7 +125,7 @@ const { Content, headings, remarkPluginFrontmatter } = await render(post)
<div
class="mb-16.3 block c-primary font-time"
transition:name={`time-${post.data.abbrlink || post.id}-${lang}`}
data-disable-transition-on-theme
data-disable-theme-transition
>
<PostDate
date={post.data.published}
@ -136,7 +136,9 @@ const { Content, headings, remarkPluginFrontmatter } = await render(post)
<!-- TOC -->
{post.data.toc && <TOC headings={headings} />}
<!-- Content -->
<Content />
<div class="animation-fade-up">
<Content />
</div>
</article>
<!-- Tags -->