CSS3变换：赔偿孩子家长是否有旋转Y

Question

Take a look here first

当DIV＃容器是旋转Y由“X”程度，<ul>和和元素在它里面将被旋转为好。但是我希望每个<li>里面的所有<img>都是平坦的。如果我用“-x”度旋转所有<li>，它将不起作用。

有没有一种方法可以实现并使所有图像面向你的平面，而沿着旋转的div＃容器的位置？ 谢谢。

Answer 1

您不需要属性-webkit-perspective和webkit-transform-style在ul#looks中，因为父级已经定义了这些属性。

另外，除去这些角度和从ul#looks li转换属性，并添加此：

ul#looks li { 
    -webkit-transform: rotateY(-10deg); 
} 

jsfiddle demo here

你可以看到，我注释掉你需要删除的东西。