如何使用纯css或纯javascript从底部滑动div

• 所以我有一个背景图片和一个iframe效果，上面显示了一个广告。（跳房子一号是广告，花是html图像）
• 我所要做的就是显示广告从背景图像的底部向上滑动。我尝试了很多东西。搜索纯css或纯javascript解决方案

广告应该从背景图像的底部滑动，然后固定在它显示的位置。只是从底部到广告显示的滑动效果

例如，请查看此页面上的广告：-

---

我想这就是你想要的：

.集装箱{
位置：相对位置；
溢出：隐藏；
宽度：300px；
高度：200px；
}  
.img{
宽度：100%；
身高：100%；
背景：蓝色；
}
.向上滑动{
背景：红色；
位置：绝对位置；
底部：-50px；；
高度：50px；
宽度：100%；
左：0；
动画名称：slideup；
动画延迟：0.5s；
动画持续时间：0.8s；
动画填充模式：正向；
动画计时功能：放松；
}
@关键帧滑动{
0%{底部：-50px}
100%{底部：0；}
}

把我推上去

分享一些相关代码，以便我们能更好地帮助您Hanks Mihai T。我是前端开发新手。关于如何提高html和css知识的任何建议。我应该开始我自己的项目还是通过一门课程来练习。我知道这是一个陡峭的学习曲线，但一些方向会有所帮助。首先，你应该看看这个网站，知道当你想解决一个问题时，你有什么选择（css html jq）。但是只有通过工作和尝试新事物，你才能学习和提高你的知识：）别忘了给我的答案打分，因为我已经给它打分了。你这么快就提供了解决方案。谢谢。