Repository navigation
Feat/rain animation polishfeat(theme): 优化青笺主题动效与跨页转场 - #14
Merged
Merged
Conversation
Pathname changes in the rain theme now hand off beneath opaque paper slats that fall away once the destination is ready; the mobile menu closes under the cover instead of at the click.
Headings and lists uncover once without sliding, panels drop in as paper slats, the curtain no longer scales and the home umbrellas gain depth. Fixes the calendar slat offset that the entrance fill used to override.
Reviewer's GuideThis PR polishes the Qingjian theme with a lifecycle-aware 12-slat page transition, clip-path-based content and overlay reveals, layered homepage parallax, delayed mobile-menu closure, and comprehensive reduced-motion and fallback handling while leaving P3R and the existing Qingjian login transition unchanged. Sequence diagram for the Qingjian 12-slat page transitionsequenceDiagram
participant User
participant NavLink as NavigationLink
participant RainEffects
participant Router
participant Page as TargetPage
User->>NavLink: click pathname link
NavLink->>RainEffects: P3R_WIPE_EVENT
RainEffects->>RainEffects: setPhase(expanding)
RainEffects->>RainEffects: drop 12 opaque slats
RainEffects->>RainEffects: setPhase(covered)
RainEffects->>Router: handOffUnderP3RWipe(navigate)
Router-->>Page: mount target content
Page-->>RainEffects: pathname change
RainEffects->>RainEffects: setPhase(revealing)
RainEffects->>RainEffects: reveal slats
RainEffects->>RainEffects: setPhase(idle)
alt Esc, hidden page, reduced motion, or cancellation
User->>RainEffects: Escape or navigation cancellation
RainEffects->>RainEffects: skip()
RainEffects->>Router: navigate()
end
File-Level Changes
Tips and commandsInteracting with Sourcery
Customizing Your ExperienceAccess your dashboard to:
Getting Help
|
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![sourcery-ai[bot]](https://avatars.githubusercontent.com/in/48477?s=60&v=4){kind=small}
This branch was successfully deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
概述
完善「青笺 / Qingjian」主题的动效表现，加入纸笺式跨页转场、分层内容入场、浮层纸条揭示与首页景深效果。
主要改动
clip-path揭示prefers-reduced-motion下关闭全部新增动画验证
git diff --checkSummary by Sourcery
Polish the Qingjian theme with paper-inspired transitions, layered entrances, and homepage depth effects while preserving existing login and P3R behavior.
New Features:
Bug Fixes:
Enhancements:
Documentation:
Tests: