实际上，这个主题非常具有解释性。但要澄清的是，我对几件事感到好奇:
有没有办法——不是禁用——而是暂停属性转换？ (然后 - 可能会恢复它)。
有没有办法在转换过程中读取属性更改(通过 JavaScript)？ 例如，如果 el 的样式为:
$(el).height()会在悬停事件后 0.5 秒后返回 50:el { height: 100px;过渡:高度1s； }和el:hover { height: 0px;(这是一个草图，请原谅我的语法)。
最佳答案
1) 您可以使用 animation-play-state CSS 属性，并在两者之间切换
animation-play-state:running, and animation-play-state:paused
https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state
2) 简短的回答是肯定的。无论您在转换中途读取哪个属性(比方说 height)，都将返回查询时的当前值。
关于javascript - 有没有办法中途暂停 CSS 过渡？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18216060/