3D效果jquery css3

时间:2013-02-16 12:03:31

标签: javascript jquery css3 3d

我必须使用jQuery和css3来制作一个简单的3D效果。

实际上我做了这个http://www.agencevolt.fr/milestone-nicolas/,我在rotateY上使用了透视和rotateX<div class="container">,并在<img>上使用了视差效果。但我无法达到深远的效果。我用一个“技巧”来调整新版本图片的宽度,但它“丑陋”。你对如何使这项工作有所了解吗?

1 个答案:

答案 0 :(得分:0)

您需要删除

overflow: hidden; 

从容器中添加容器

transform-style:preserve-3d;

然后在图像上播放

transform:translate3d(x,y,z)

类似

transform:translate3d(0,0,100px)

应该解决它;)