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

你可以看到，我註釋掉你需要刪除的東西。