如何通过css3设置3d图像

Question

我有一些带有一些3D图形图像的设计，但我没有使用css3或其他方法设置图像。我附上了一个示例图片请用css代码给我正确的解决方案。

感谢你

Answer 1

我就是这样做的：

.container {
  perspective: 400px;
  perspective-origin: center center;
}

img {
  width: 500px;
  height: 300px;
  transition: 0.4s;
}

img:hover {
  transform: rotateY(0deg);
}

.rightimg {
  transform-origin: right center;
  transform: perspective(600px) rotateY(-20deg);
}

.leftimg {
  transform-origin: left center;
  transform: perspective(600px) rotateY(20deg);
}

Here is the JSFiddle demo