Animation CSS3变换对象位置而不应用变换

我正在寻找一种简单的方法来获取一个对象并变换其rotateY属性，而无需将其设置为预设的过渡动画

它看起来有点像：

$(this).css("-webkit-transform","rotateY(180deg)");
$(this).css("-webkit-transition","10s");

然后在后面的代码中

$(this).css("-webkit-transform","rotateY(0)");
$(this).css("-webkit-transition","0");

但是，由于需要设置和重置过渡动画计时，上述操作对我来说并不太有效

我需要一个简单的解决方案，从a点到b点的物体没有任何麻烦。我似乎找不到一种方法来设置rotateY属性，而不通过transition/transform前缀

---

任何帮助都会很好，提前谢谢。

您需要的听起来像CSS3动画

所以。。。在本例中，因为希望动画处于完成点，所以代码如下所示

$(this).css("-webkit-animation", "someanimation 10s forwards");

CSS3动画中的forwards属性确保动画中的端点是永久渲染样式，因此动画将保持其结束状态，直到卸载页面

在CSS中，您必须添加

@-webkit-keyframes someanimation { <br />
    0% {-webkit-transform: rotateY(180deg);} <br />
    100% {-webkit-transform: rotateY(0deg);} <br />
}

@-webkit为一些动画设置关键帧{

0%{-webkit变换：旋转（180度）；}

100%{-webkit变换：旋转（0度）；}

}

上面的代码不是任何类或ID所特有的。它是它自己的部分

这里有一些关于CSS3动画的文档

---

这里有一篇文章，这是你想要的-

我添加了一个“S”，并将边框设置为右：5px纯红，这样您就可以看到它实际上返回到其初始位置而无需转换。

---

实际上，它带有过渡，但在关键帧中，我将特定的过渡持续时间缩短到了几毫秒（20毫秒），因此用户无法识别并认为它会在短时间内旋转回来。

您能提供一个您试图实现的示例吗？我做了一个小摆设，展示了你提到的东西，我没有使用供应商前缀，比如-webkit-、-ms-或-o-，没有供应商前缀，在最新的Mozilla Firefox中，动画工作正常。但是，如果您有另一个浏览器，那么您必须添加这些供应商前缀，以便以您想要的方式查看动画。这就是我喜欢Mozilla的原因。你也可以通过调整%和总动画持续时间来轻松更改各种计时。