CSS3「由」 n度

Question

我有一個立方體（以及幾乎）由哪個我使用CSS3變換旋轉4分格變換旋轉（目前僅限於-webkit，因爲這是一個瀏覽器擴展。）

然而，你會看到，如果你去http://jsfiddle.net/CxYTg/並點擊「one」，「two」，「three」，「four」，然後再次點擊「one」，最後一次旋轉的方向會相反到原來的方向。

有沒有辦法解決這個使用CSS3？我不知道是否有一種方法做這樣的事情：

#environment li.rota180:first-of-type .cubeface { -webkit-transform: rotateY("by 90deg") translate3d(0, 0, 100px); } 

（是的，我知道我可以做到這一點使用JavaScript的 - 但我想看看是否有可能通過CSS做）

Answer 1

有沒有辦法用純CSS來做到這一點。
爲了實現這個你想要的方式，你需要變量和條件，使用JavaScript更容易。
您只需爲度數創建兩個變量，另一個用於記住當前框。剩下的只是條件。