我正在寻找一种简单的方法来获取对象并转换其rotateY属性，而不使其动画化为其预设的过渡。 This will help me complete this slide show（仅在铬或野生动物园（WEBKIT）中查看）
这是效果的细分示例：
CSS-过渡设置为5s
阶段1
元素1-rotationY：0;
元素2-rotationY：-180;
用户-点击按钮
阶段2
元素1-rotationY：180;
元素2-rotationY：0;
第三阶段
元素1-rotationY：-180;
元素2-rotationY：0;
用户-点击按钮
阶段4
元素1-rotationY：0;
元素2-rotationY：180;
第一次过渡（阶段1和2）完成后，需要将Element1的rotateY值设置为-180而不进行过渡，以使其位于Element2在阶段1中的位置。这样，动画将使元素看起来像在旋转，就像您在我提供的示例链接中看到的那样。不幸的是，在所有元素都旋转了Y：180之后，效果便停止了；
我想做一个jsFiddle，但是我现在真的没有时间在这个项目上。
我需要一个解决方案，将对象从点a转移到点b，而无需任何动画/过渡
希望一切都有意义
最佳答案
如果尝试旋转对象而没有过渡，则完全不应该设置过渡。只设置转换：
$(this).css('-webkit-transform','rotateY(180deg)');
$(this).css('-webkit-transform','rotateY(0)');
实时示例，显示旋转时不显示过渡：http://jsfiddle.net/2XU7D/4/