fix: 修复滚动动画导致内容变淡
This commit is contained in:
parent
dede52c180
commit
4c044bf8db
11
oneinai.html
11
oneinai.html
@ -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();
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user