fix: 修复滚动动画导致内容变淡

2026-08-03 10:49:35 +08:00 · 2026-08-03 10:49:35 +08:00 · 4c044bf8db
commit 4c044bf8db
parent dede52c180
1 changed files with 8 additions and 3 deletions
--- a/oneinai.html
+++ b/oneinai.html
@ -715,8 +715,8 @@

  @keyframes scroll-reveal {
    from {
-      opacity: 0;
-      transform: translateY(34px);
+      opacity: 1;
+      transform: translateY(24px);
    }
    to {
      opacity: 1;
@ -724,7 +724,12 @@
    }
  }

-  @supports (animation-timeline: view()) {
+  .reveal-on-scroll {
+    opacity: 1;
+    transform: none;
+  }
+
+  @supports (animation-timeline: view()) and (animation-range: entry 8% cover 34%) {
    .reveal-on-scroll {
      animation: scroll-reveal linear both;
      animation-timeline: view();