发现一个有趣的网站，有人知道这种效果怎么实现吗

啊…刷快了晕的不行🤮

动画不太流畅，刷起来晃眼

我猜是把一个页面 copy 成三分分别放在上中下，然后上下做变形，再监听滚动

看了下节点，果然没猜错

我简单写了个 demo

[https://code.juejin.cn/pen/7236203138389114938]( https://code.juejin.cn/pen/7236203138389114938)

主要起作用的是
transform-style: preserve-3d;
perspective: 100px;
和子元素的 transform

后续就是绑定滚动条实时修改 transform: translate3d(0px, 10px, 0px); 的值, 就可以实现这个效果了.

快吐了

看得我难受。

划得头晕+1

屮，要吐了，看着是通过 transform 实现的

有点晕