javascript - CSS 过渡瞬间发生

Question

我正在 Mod.it 网站上开发一个 JavaScript 工具，出于某种原因，每当我尝试进行 CSS 转换（通过将新的 CSS 样式应用于具有转换属性的 div）时，它就会在程序运行时立即发生启动（我怀疑在编译时）。我希望它在运行时发生，但我设法做到这一点的唯一方法是将超时设置为小于一毫秒，这是唯一有效的方法。

如果您查看下面的 mod，您会注意到注释掉超时将删除动画。如果某些代码没有意义，请随意查看 modit-ui 库（位于代码选项卡中）。

https://mod.it/KDWeFcYD

如果有人可以帮助我在不必设置超时的情况下进行 CSS 转换，这样更简洁，我将非常感激。

Answer 1

等等，让我直截了当...

您有一个黑匣子，并希望它在页面加载时向上移动？

在这种情况下，将黑盒设置为静态 CSS（不是在 JavaScript 函数中编写的），用于黑盒的原始状态（原始位置等）。

然后，在调用 main 函数时，将框设置为新样式。