3 does是如何工作的(CSS/动画)？

Question

今天我找到了这个网站，"3D Meninas“，有一个很好的三维动画效果。当我查看HTML代码时，似乎没有<script>或事件，所以我猜它只适用于CSS。我不是CSS大师，有人能告诉我它是如何工作的吗？

谢谢

Answer 1

它的工作方式是将图片垂直地分成单个像素，并为每个像素创建一个css hover伪类。有505次提到这个词悬停。如果您在查看器中查看没有包装行的源代码，请注意底部的线条非常长(向右滚动)。

Answer 2

图像被划分为大约100个垂直的“切片”。当在每个切片上盘旋时，每幅图像都以精确和硬编码的方式放置.

最有深度的特性，即右手墙，只是通过改变其width属性来压缩和拉伸。

编辑：

这是创作者的官方解释。