我试图从这里的网站模仿 CSS 动画：https : //stanographer.com/
我想复制网站的方式：
首先显示一个向右滑动的全屏黑色 div
“加载”文本后面的黑色背景（div 标签）（如“嗨，我是酒井斯坦利”），从左到右扩展
现在您可能会问，“为什么不检查页面，查看 div 和文本上的类，然后检查网络选项卡中的 CSS 表？” 我已经试过了。CSS看起来很奇怪。我的朋友说它是由 SASS 预处理的，不管是什么意思。无论如何，我无法破译密码。
我去过Google 上的几个不同的 StackOverflow 页面（这里是一个）和十多个不同的页面。我学会了使用关键帧，但我还没有想出如何在 Stanographer.com 上重新创建效果。拥有该网站的朋友也提供了此示例，但我不知道如何将其应用于单个 div。他说了一些关于使用 z-index 的内容，但我只是没有看到。
我知道要使页面以全黑屏幕开始然后滑出，我必须使用 JavaScript 触发类更改。我有：
let blackStuff = document.getElementById("blackness");
window.addEventListener("load", () => {
console.log("loaded");
blackStuff.setAttribute("class", "black-box-out");
},
false
);.black-box {
position: fixed;
float: left;
top: 0;
width: 100%;
height: 100%;
bottom: 0;
background-color: #000;
z-index: 999999;
-webkit-animation: powerslide 0.5s forwards;
-webkit-animation-delay: 2s;
animation: powerslide 0.5s forwards; …