CSS转换瞬间发生

Question

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

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

https://mod.it/KDWeFcYD

如果有人可以帮助我让我的CSS转换发生而不必设置超时，这更加清晰，我将非常感激。

Answer 1

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

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

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

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