如何通过JavaScript应用CSS3过渡？

Question

我在尝试通过JavaScript将幻灯片应用CSS3过渡时遇到了一些重大问题。

基本上JavaScript会获取幻灯片中的所有幻灯片，并将CSS类应用于正确的元素以提供良好的动画效果，如果没有CSS3过渡支持，它将只应用样式而不进行过渡。

现在，我的'小'问题。 所有工作都按预期工作，所有幻灯片都获得正确的样式，代码运行没有错误（到目前为止）。 但是指定的转换不起作用，即使应用了正确的样式。 此外，当我通过检查员自己应用样式和过渡时，样式和过渡也会起作用。

由于我自己找不到合乎逻辑的解释，我以为有人可以回答这个问题，好吗？

我已经汇总了一个代码现在的例子： http://g2f.nl/38rvma

Answer 1

引入了CSS3 Transitions以允许没有JavaScript的动画，因此这是违反直觉的。解决方案是code the animation as a fallback，或者向Stu Nicholls询问CSS2解决方案。