我正在尝试使用CSS3(transform)创建3D轮播。

但有个问题。

看下面的图片:



第一个图像是我当前代码的结果(它喜欢从内部查看轮播,还带有bug:P),但是我想获得类似第二个图像的东西。 (从外部看起来像旋转木马,并且没有错误!)

This是我的代码。

为此,我可以使用度数的负值。但是,如果这样做,左右div的高度将大于中心div。就像this

如何获得类似第二张图片的东西?我应该使用哪些CSS转换代码?

最佳答案

这是您想要的工作的Demo

编辑:
为了解决应用负变换旋转时的高度问题,您需要分别在z轴和-ve轴上分别进行-ve平移和X轴上的-ve和+ ve平移。

编辑:
嗯,有很多教程讲解css3翻译的用法
我指的是其中之一

http://www.w3schools.com/css3/css3_2dtransforms.asp

关于html - CSS3的简单轮播,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11823143/

10-13 01:50