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

This commit is contained in:
3127647737@qq.com 2026-08-03 10:49:35 +08:00
parent dede52c180
commit 4c044bf8db

View File

@ -715,8 +715,8 @@
@keyframes scroll-reveal { @keyframes scroll-reveal {
from { from {
opacity: 0; opacity: 1;
transform: translateY(34px); transform: translateY(24px);
} }
to { to {
opacity: 1; 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 { .reveal-on-scroll {
animation: scroll-reveal linear both; animation: scroll-reveal linear both;
animation-timeline: view(); animation-timeline: view();