如何使旋转在不同时间旋转和旋转？

Question

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

Answer 1

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

Answer 2

我发现了您的代码中的错误，修复了错误，也许这就是您需要的内容：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;
}