CSS内に複数のトランジションプロパティを定義する

Question

transition-propertyをallに設定すると、ブラウザウィンドウ内をズームすると、widthとheightのプロパティも遷移しているため、表示が悪くなります。私はbackgroundとcolorをしたいとき、私はしかし、それを複数の行を定義する必要があります。私も-webkit-、-mozと-o-のためにそれをしなければならないので

transition-property: color, background; 
transition-duration: 250ms; 

これは、悪いです。代わりに、私は次のようなものを探しています：

transition: [color and background] 250ms; 

これについての構文はありますか？

Answer 1

複数のトランジションと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を繰り返すのに勝っています。

簡略構文は、specに記載されています。