有人知道如何制作这个网站底部的动画吗？： 在此输入链接描述
这只是使用
position: sticky这是一个例子：
body {
background: #3f3f3f;
color: white;
margin: 0;
padding: 10px;
line-height: 1.2;
font-family: sans-serif;
}
.main {
position: sticky;
bottom: 0;
background: #3f3f3f;
z-index: 4;
}
.box1 {
position: sticky;
bottom: 0;
background: purple;
z-index: 3;
}
.box2 {
position: sticky;
bottom: 0;
background: darkslateblue;
z-index: 2;
}
.box3 {
position: sticky;
bottom: 0;
background: green;
z-index: 1;
}
.box {
height: 100px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 40px;
}<body>
<div class="main">
<h1>hello world</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in egestas nulla. In sit amet blandit sapien. Fusce venenatis purus ac vulputate venenatis. Aliquam vulputate sem nec neque rutrum, ut vulputate ex lobortis. Quisque porta dignissim gravida.
Vivamus feugiat lobortis risus eget interdum. Mauris dignissim felis vel est porta, sed imperdiet mauris porta. Cras id sollicitudin ex. Mauris sed dapibus mi, eu rutrum risus. Suspendisse eu mi varius, ultricies ex ut, condimentum arcu. Ut non
nibh a elit efficitur sollicitudin ut non tellus. Proin ac fermentum velit. Praesent ac odio vitae sapien volutpat consequat sit amet in nisl. Praesent elementum nisl eros, vitae congue ante placerat a. In tincidunt risus fringilla, sagittis mi
eu, mattis mauris.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in egestas nulla. In sit amet blandit sapien. Fusce venenatis purus ac vulputate venenatis. Aliquam vulputate sem nec neque rutrum, ut vulputate ex lobortis. Quisque porta dignissim gravida.
Vivamus feugiat lobortis risus eget interdum. Mauris dignissim felis vel est porta, sed imperdiet mauris porta. Cras id sollicitudin ex. Mauris sed dapibus mi, eu rutrum risus. Suspendisse eu mi varius, ultricies ex ut, condimentum arcu. Ut non
nibh a elit efficitur sollicitudin ut non tellus. Proin ac fermentum velit. Praesent ac odio vitae sapien volutpat consequat sit amet in nisl. Praesent elementum nisl eros, vitae congue ante placerat a. In tincidunt risus fringilla, sagittis mi
eu, mattis mauris.</p>
<br>
<div class="box">
<h2>Hello World</h2>
</div>
</div>
<div class="box box2">
<h2>Hello World</h2>
</div>
<div class="box box3">
<h2>Hello World</h2>
</div>
</body>