使用css或javascript滚动到z轴，图像一层一层地分层[关闭]

Question

在同一位置的页面上有四个图像。仅顶部图像可见。它下面的 3 张图片不可见。

如果用户滚动进入图像，他们将看到第二张图像，而第一张图像将离开屏幕。动画会像第一张图片一样向屏幕的四个角变大并最终消失。

用户会感觉到向 Z 轴移动以查看第一张图片下方的第二张图片。此动画将持续到最后一张图片。

所有这些图像将指向不同的链接。用户可以点击图片链接或滚动。

css 3d 转换是唯一的选择还是任何 javascript 插件来帮助实现这一目标？

示例： https://www.format.com/2016?ref=webdesignernews.com#

Answer 1

我不打算为你编写一个完整的 3d CSS 项目，但这里是如何完成的。 http://eng.wealthfront.com/2012/03/22/scrolling-z-axis-with-css-3d-transforms/