Question

我正在寻找一种在悬停时为2D图像制作动画的方法，使其显示为3d（ish）。这是一个很好的例子：http://www.alexandrerochet.com/about 当您移动光标时，图像会倾斜并显示为3d（ish）。我试图阅读代码，但无法找到相应的脚本。它是使用提供深度图的第二个图像创建的。

有人能指出我正确的方向吗？

Answer 1

我找到了一个教程，你可以在其中学习如何在3d中翻转卡片。这是来源：[http://desandro.github.io/3dtransforms/docs/card-flip.html][1]

重要的一句话：

#card.flipped {
  transform: translateX( -100% ) rotateY( -180deg );
}

我还创建了一个jsfiddle，它是带有示例代码的副本。

希望有所帮助。