干净的方法来以编程方式使用JS的CSS过渡？

干净的方法来以编程方式使用JS的CSS过渡？

目前还没有一种干净的方法（不使用CSS动画-有关使用CSS动画的示例。有一个规范错误14617，很遗憾，自2011年提交以来就没有得到纠正。

setTimeout

在Firefox中无法可靠地运行这是设计使然。

我不确定

requestAnimationframe

-对原始问题的编辑说它也不可靠，但是我没有调查。（更新：看起来

requestAnimationframe

至少一位Firefox核心开发人员认为是可以进行更多更改的地方，而不必一定看到先前更改的效果。）

window.getComputedStyle(elem).opacity;

请注意，仅运行

getComputedStyle(elem)

是不够的，因为它是惰性计算的。我相信您从getComputedStyle询问哪个属性都没有关系，重新样式仍然会发生。请注意，询问与几何相关的属性可能会导致更昂贵的回流。