有沒有辦法在縮放期間禁用轉場？

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; 

更具體地說，當你改變變焦left屬性發生變化，這是過渡解僱的原因。請注意，當您使用類似font-size之類的東西時，由於在縮放時不會更改，因此不會顯示動畫。 您可以將轉換綁定到類似ready的事件並使用javascript進行觸發。

Answer 2

退房這個答案在計算器：

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

「它的工作原理是將過渡CSS當你點擊的按鈕，當你縮放瀏覽器窗口，它會刪除該CSS

。

這適用於Firefox和Chrome瀏覽器，但不適用於IE瀏覽器，在Firefox上，當您縮放時，過渡將繼續正常進行，縮放功能不會影響它，在Chrome上，過渡將快速轉到最終狀態。