html - ズーム中にトランジションを無効にする方法はありますか?

Question

transition幅、高さ、パディング、マージンなどにCSS3 のプロパティを使用するページを拡大すると、拡大および縮小すると要素が遷移します。これを無効にする方法はありますか？

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ズーム時に変化しないため、アニメーションがないようなものを使用する場合に注意してください。トランジションを次のようなイベントにバインドし、readyjavascript で起動することができます。