我正在尝试使用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/