有没有办法在缩放过程中禁用转换？

Question

当我放大使用CSS3的transition属性的页面上的宽度，高度，填充，边距等内容时，元素将在放大和缩小时转换。有没有办法禁用它？

JSFiddle：http://jsfiddle.net/forestka/fPBjB/

更新了JSFiddle：http://jsfiddle.net/forestka/8jBjk/2/

Answer 1

在转换属性中指定all

你可以做点什么

 transition: opacity 1s ease;

通知此处（MDN）transition-property在您使用速记版本时使用，因此您指定了：

transition-property: all;

更具体地说，更改缩放时左侧属性会更改，这就是触发转换的原因。请注意，当您使用font-size之类的内容时，没有动画，因为它在缩放时不会改变。 您可以将转换绑定到ready之类的事件，然后使用javascript激活它。

Answer 2

在stackoverflow上查看这个答案：

https://stackoverflow.com/a/20549817/1985601

“通过在单击按钮时添加转换css，当您缩放浏览器窗口时，它会删除该css。

这适用于Firefox和Chrome，但不适用于IE。在Firefox上，缩放时，转换将继续正常进行，缩放不会影响它。在Chrome上，转换快速转发到最终状态。“