ウィンドウのサイズ変更でCSS遷移を無効にしますか？

Question

私はこれに対する解決策を見つけることができないのに驚いています。私は4つの四角形のdivを持っています。これはフルスクリーンのラインにあり、モバイルサイズの2x2グリッドです。クリックしたときのCSSの変化によって色が変わります。

しかし、自分のウィンドウのサイズを変更すると、ページが新しい位置に浮かびます。これは、CSSトランジションの望ましくない副作用です。私はJQueryを使用して、サイズ変更中にトランジションを切り替えてみましたが、サイズ変更を停止すると、トランジションクラスが非アクティブになる確率は50％です。

私はこのような単純な問題のように思われるので、ここにコードを入れていません。誰も簡単な解決策を持っていますか？

Answer 1

transition: color 200ms ease-outとは対照的にtransition: all 200ms ease-outを使用すると、1つの特定のプロパティではなく、すべてのプロパティにトランジションが適用されます。