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

【问题标题】：How to make rotations rotateY and rotateX at different times?如何使旋转在不同时间旋转和旋转？
【发布时间】：2014-10-29 01:31:17
【问题描述】：

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

【问题讨论】：

我不确定您的意思，但本教程可能会有所帮助：css3.bradshawenterprises.com/transitions

标签： jquery css rotation transform transition

【解决方案1】：

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

【讨论】：

【解决方案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;
}

【讨论】：