に設定transition-propertyすると、とプロパティも遷移されるallため、ブラウザ ウィンドウ内をズームすると見栄えが悪くなります。andのみが必要な場合は、複数行で定義する必要があります。widthheightbackgroundcolor
transition-property: color, background;
transition-duration: 250ms;
-webkit-、-mozおよびに対しても実行する必要があるため、これは悪いことです-o-。代わりに、次のようなものを探しています。
transition: [color and background] 250ms;
これには構文がありますか？
複数のトランジションで短縮形を使用する場合はtransition、各プロパティのトランジション時間を繰り返し、値の各グループをコンマで区切る必要があります。
transition: color 250ms, background 250ms;
プレフィックスを使用すると、次のようになります。
-moz-transition: color 250ms, background 250ms;
-o-transition: color 250ms, background 250ms;
-webkit-transition: color 250ms, background 250ms;
transition: color 250ms, background 250ms;
transition-propertyまだ少し繰り返しがありますが、少なくともtransition-durationすべての接頭辞を繰り返すよりはましです。
簡略構文は仕様で説明されています。