CSS3 变换 : compensation for children if parent has rotateY

Question

Take a look here first

当 div#container 旋转“x”度时，<ul> and 和里面的元素也会旋转。但我想要所有<img>每个内部 <li>面对平坦。如果我旋转 Y 所有 <li>通过“-x”度，它不会工作。

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

Answer 1

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

此外，从 ul#looks li 中删除这些透视和转换属性并添加:

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

jsfiddle demo here

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