chore(docs): polish theme toggle, search morph & page transitions (#2205)

---------

Co-authored-by: Neko <neko@ayaka.moe>
This commit is contained in:
MilkyWeighW
2026-08-04 19:35:55 +08:00
committed by GitHub
co-authored by Neko
parent 7de2e2bf46
commit 727f84ee29
19 changed files with 396 additions and 166 deletions
@@ -7,7 +7,7 @@ description: Resources for referencing and taking inspiration from
One of the greatest CSS stage transition author I know is **[yui540](https://yui540.com/)**, he/she designed so many other stunning looking ACG websites, and the most famous one was [臆病な魔女](https://cowardly-witch.netlify.app/) (source code can be found under [yui540](https://github.com/yui540?tab=repositories)).
To achieve the similar transition effect like the above, you may reference to this repository [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations), it has a [live demo](https://yui540.github.io/css-animations/2025-02-25/transitions/) you can play around too.
To achieve the similar transition effect like the above, you may reference to this repository [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations).
### [Nihe Works](https://nihe.work/)
@@ -7,7 +7,7 @@ description: 参照やインスピレーションを得るためのリソース
私が知る限り、最も素晴らしい CSS ステージ遷移の作者の一人は **[yui540](https://yui540.com/)** です。彼/彼女は他にも多くの素晴らしい見た目の ACG ウェブサイトをデザインしており、最も有名なものは [臆病な魔女](https://cowardly-witch.netlify.app/) でした (ソースコードは [yui540](https://github.com/yui540?tab=repositories) で見つけることができます)。
上記のような同様の遷移効果を実現するには、このリポジトリ [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations) を参照してください。遊べる [ライブデモ](https://yui540.github.io/css-animations/2025-02-25/transitions/) もあります。
上記のような同様の遷移効果を実現するには、このリポジトリ [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations) を参照してください。
### [Nihe Works](https://nihe.work/)
@@ -7,7 +7,7 @@ description: 참고하고 영감을 얻을 수 있는 자료들
제가 아는 최고의 CSS 화면 전환 제작자 중 한 명은 **[yui540](https://yui540.com/)** 입니다. 눈부신 ACG 웹사이트를 정말 많이 디자인했고, 그중 가장 유명한 작품은 [臆病な魔女](https://cowardly-witch.netlify.app/) 입니다 (소스 코드는 [yui540](https://github.com/yui540?tab=repositories) 에서 찾아볼 수 있습니다).
위와 비슷한 전환 효과를 구현하고 싶다면 [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations) 저장소를 참고하세요. 직접 만져볼 수 있는 [라이브 데모](https://yui540.github.io/css-animations/2025-02-25/transitions/) 도 있습니다.
위와 비슷한 전환 효과를 구현하고 싶다면 [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations) 저장소를 참고하세요.
### [Nihe Works](https://nihe.work/)
+2
View File
@@ -3,4 +3,6 @@
/* /zh-Hans/:splat 301 Language=zh-CN
/* /ko/:splat 301 Language=ko
/* /ko/:splat 301 Language=ko-KR
/* /ja/:splat 301 Language=ja
/* /ja/:splat 301 Language=ja-JP
/* /en/:splat 301
@@ -7,7 +7,7 @@ description: 用于参考和获取灵感的资源
我所知道的最伟大的 CSS 场景过渡效果作者之一是 **[yui540](https://yui540.com/)**,他/她设计了许多其他外观惊艳的 ACG 网站,其中最著名的是 [臆病な魔女](https://cowardly-witch.netlify.app/)(源代码可以在 [yui540](https://github.com/yui540?tab=repositories) 下找到)。
要实现类似上述的过渡效果,您可以参考这个仓库 [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations),它还有一个 [在线演示](https://yui540.github.io/css-animations/2025-02-25/transitions/) 供您试玩。
要实现类似上述的过渡效果,您可以参考这个仓库 [yui540/css-animations: 俺流CSSアニメーション](https://github.com/yui540/css-animations)
### [Nihe Works](https://nihe.work/)