CSS3変換：親が回転Y

Question

Take a look here first

を持っている場合、子供のための補償はのdiv＃コンテナは、「X」の程度によって回転Y、<ul>とし、その内部の要素が同様に回転されるとき。しかし、私は<li>の中のすべての<img>をフラットにしたいと思います。 <li>を "-x" degだけ回転すると、うまくいきません。

回転されたdiv＃コンテナに沿って、すべての画像を平坦に向ける方法がありますか？おかげさまで

Answer 1

-webkit-perspectiveとwebkit-transform-styleはul#looksには存在しません。親にはすでにこれらのプロパティが定義されているためです。

また、これらの視点を削除し、ul#looks liからプロパティを変換し、これを追加します。

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

jsfiddle demo here

あなたは私はあなたが削除する必要があるものをコメントアウトことがわかります。