我正在Mod.it网站上使用JavaScript工具,由于某种原因,每当我尝试进行CSS过渡(通过将新的CSS样式应用于具有过渡属性的div)时,它就会在程序启动时发生(我怀疑在编译时)。我希望它发生在运行时,而不是,但我已经设法做到这一点的唯一方法是通过设置一个小于一毫秒的超时,这是唯一的工作。
如果你看一下下面的mod,你会注意到注释超时将删除动画。如果某些代码没有意义,请随意查看modit-ui库(在code选项卡中找到)。
https://mod.it/KDWeFcYD如果有人能帮助我使我的CSS过渡发生而不必设置超时,这是更干净,我将非常感激。
等等,让我把话说清楚…
你有一个黑框,想让它在页面加载时向上移动?
在这种情况下,将黑盒设置为静态CSS(不在JavaScript函数中编写),用于黑盒的原始状态(原始位置等)。
然后,当main函数被调用时,将框设置为新的样式