CSS3转换：如果父级具有rotateY，则对子级进行补偿

Question

Take a look here first

当div＃container由＆＃34; x＆＃34;度，它内部的<ul>和元素也将被旋转。但我希望每个<img>内的所有<li>面对平坦。如果我通过＆＃34; -x＆＃34;旋转所有<li>。德，它不会工作。

有没有办法实现并使所有图像朝向你平坦，同时沿着旋转的div＃容器定位？ 感谢。

Answer 1

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

此外，从ul#looks li中移除这些透视图并转换属性，然后添加：

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

jsfiddle demo here

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