如何使旋转在不同的时间旋转并旋转X？

Question

我做了一个div旋转180度超过0.5秒，但我不知道如何改变时间。 我使用transition: all .5s linear;来生效，但我不希望它是all。我只是想要它影响旋转。我试过transition: transform .5s linear但这会影响所有旋转，而我的问题是我想知道如何分别影响rotateY和rotateX值。 以下是一个示例：http://jsfiddle.net/VanillaLore/wsuzzguu/4/

Answer 1

您不能单独定位每个对象，因为它们是transform属性的子集。您只能动画transform属性。

Answer 2

我发现的bug从您的代码，固定它，也许这里就是你需要：http://jsfiddle.net/abruzzi/zndwy12t/

.face.back { 
    /* the code below should be removed*/ 
    /* transform: rotateY(180deg); */ 
    background-color: blue; 
    width:70px; 
    height:70px; 
    margin:1px; 
}