CSS3トランジションを背景位置以外のすべてのプロパティに適用するにはどうすればよいですか？

CSSトランジションをbackground-position以外のすべてのプロパティに適用したいと思います。私はそれをこのようにしようとしました：

.csstransitions a {
    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}

.csstransitions a {
    -webkit-transition: background-position 0s ease 0s;                 
    -moz-transition: background-position 0s ease 0s;                
    -o-transition: background-position 0s ease 0s;  
    -ms-transition: background-position 0s ease 0s;         
    transition: background-position 0s ease 0s;
}

最初にすべてのプロパティを遷移に設定し、次にbackground-positionプロパティの遷移のみを上書きしようとしました。

ただし、これにより他のすべてのプロパティもリセットされるようです。つまり、基本的に、どの遷移も発生していないようです。

すべてのプロパティをリストせずにこれを行う方法はありますか？

Firefoxでも機能するソリューションは次のとおりです。

transition: all 0.3s ease, background-position 1ms;

私は小さなデモを作りました：http : //jsfiddle.net/aWzwh/

遅れないことを望みます。たった一行で実現！

-webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
-o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0; 

Chromeで動作します。CSSプロパティはカンマで区切る必要があります。

これが実際の例です：http : //jsfiddle.net/H2jet/

これを試して...

* {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}
a {
    -webkit-transition: background-position 1ms linear;
    -moz-transition: background-position 1ms linear;
    -o-transition: background-position 1ms linear;
    transition: background-position 1ms linear;
}

標準のW3Cの方法を使用して試すことができます。

.transition { transition: all 0.2s, top 0s, left 0s, width 0s, height 0s; }

http://jsfiddle.net/H2jet/60/

遅延のある特定のプロパティを除くすべてのプロパティにトランジションを追加するための簡単な方法を探している人は誰でも、最新のブラウザでも違いがあることに注意してください。

以下の簡単なデモは違いを示しています。完全なコードを確認する

div:hover {
  width: 500px;
  height: 500px;
  border-radius: 0;
  transition: all 2s, border-radius 2s 4s;
}

Chromeは、次のように2つのアニメーション（予想通り）を「結合」します。

Safariはそれを「分離」しますが（予想されない場合があります）：

より互換性のある方法は、特定のプロパティに特定の遷移を割り当てることです（それらの1つに遅延がある場合）。

試してください：

-webkit-transition: all .2s linear, background-position 0;

これは私に似たようなものでうまくいきました。