Javascript 如何完成此body fadeIn动画？

我发现了“”这个词。这是一个非常棒的网站

我真的很好奇，这篇文档的主体是如何稍微淡入的，并在这一页中向上滑动：

---

它是使用CSS动画完成的。查看时，您会发现以下代码行：

.sup {
    animation:sup 1.8s backwards;
}
@keyframes sup {
    0% {
        opacity:0;
        transform:translateY(50px);
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
        transform:translateY(0);
    }
}

它将在文本中淡入（使用

不透明度
），并使用
translateY
将其上移


请注意，它使用JS库来防止添加前缀，如
-webkit-
，
-moz-
等。
它使用CSS动画完成。查看时，您会发现以下代码行：

.sup {
    animation:sup 1.8s backwards;
}
@keyframes sup {
    0% {
        opacity:0;
        transform:translateY(50px);
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
        transform:translateY(0);
    }
}

它将在文本中淡入（使用
不透明度
），并使用
translateY
将其上移


请注意，它使用JS库来避免添加前缀，如
-webkit-
，
-moz-
等。
没问题-很高兴能帮助您。如果这个答案能满足你的需要，别忘了接受。没问题，很高兴能帮你。如果这个答案能满足你的需要，别忘了接受它。