feat: 添加主题切换扩散动画

2026-07-17 00:55:31 +08:00
parent 991264c32c
commit 3bde132a6d
2 changed files with 204 additions and 6 deletions
@@ -87,6 +87,27 @@ body {
  -moz-osx-font-smoothing: grayscale;
 }

+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+
+::view-transition-new(root) {
+  z-index: 1;
+}
+
+::view-transition-old(root) {
+  z-index: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ::view-transition-old(root),
+  ::view-transition-new(root) {
+    animation: none;
+  }
+}
+
 /* 入场动画 */
@keyframes fade-in-up {
  from {