0

transition当我放大一个在宽度、高度、填充、边距等方面使用 CSS3 属性的页面时,当你放大和缩小时,元素会发生变化。有没有办法禁用它?

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

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

4

2 回答 2

1

在stackoverflow上查看这个答案:

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

“它的工作原理是在您单击按钮时添加过渡 css,当您缩放浏览器窗口时,它会删除该 css。

这适用于 Firefox 和 Chrome,但不适用于 IE。在 Firefox 上,当您缩放时,过渡照常继续,并且缩放不会影响它。在 Chrome 上,转换快进到最终状态。”

于 2013-12-12T17:24:32.080 回答
1

在您的转换属性中,您指定all

你可以做类似的事情

 transition: opacity 1s ease;

注意这里(MDNtransition-property在您使用速记版本时使用,因此您指定:

transition-property: all;

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

于 2013-05-19T21:28:25.760 回答