Jak zastosować przejście CSS3 do wszystkich właściwości z wyjątkiem tła?

Question

Chciałbym zastosować przejście CSS do wszystkich właściwości oprócz pozycji w tle. starałem się zrobić to w ten sposób:

.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; 
} 

pierwszy ustawić wszystkie właściwości do przejścia, a potem starał się zastąpić wyłącznie przejścia dla właściwości background-position.

Jednak wydaje się, że zresetowano także wszystkie inne właściwości - więc zasadniczo żaden z przejść nie wydaje się już istnieć.

Czy istnieje sposób, aby to zrobić bez wymieniania wszystkich właściwości?

Answer 1

Oto rozwiązanie, które działa również na Firefox:

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

zrobiłem mały demo: http://jsfiddle.net/aWzwh/

Answer 2

Spróbuj:

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

ten pracował dla mnie na coś podobnego ..

Answer 3

Nadzieja nie spóźnić. Osiąga się to za pomocą tylko jednej linii!

-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; 

To działa w przeglądarce Chrome. Musisz rozdzielić właściwości CSS przecinkami.

Oto przykład roboczych: http://jsfiddle.net/H2jet/

Answer 4

Spróbuj tego ...

* { 
    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; 
} 

Answer 5

Możesz spróbować użyć standardowego sposobu W3C:

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

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