如何使过渡持续时间对于所有值都相同?

问题描述

我们有两个相似的宽度过渡,在中间被中断,并且它们的最终过渡值被更改。 它们之间的唯一区别是,绿色框的最终宽度与起始宽度完全相同,而橙色框的最终宽度与起始宽度不同。

这会使绿框转换更快,就像只是“撤消”初始转换一样。

animation

Link to a full demo

html:

Container::end()

css:

Iterator

javascript:

Iterator
  • 在初始转换完成之前更改目标值时,使所有值的转换持续时间相同的最简单方法是什么?
  • 起始值是唯一的特殊情况吗?
  • 在哪里可以找到有关这种奇怪行为的文档?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)