css - CSS3变换：如果父母有rotateY，则补偿孩子

Question

先看看这里

当 div#container 旋转“x”度时，其中的<ul>and 和 元素也将旋转。但我想把<img>里面的每个<li>人都面平。如果我将 Y 全部旋转<li>“-x”度，它就行不通了。

有没有办法实现并使所有图像都面向您，同时沿着旋转的 div#container 定位？谢谢。

Answer 1

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

此外，删除这些透视和变换属性ul#looks li并添加：

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

jsfiddle 演示在这里

您可以看到我注释掉了您需要删除的内容。