Как применить переход CSS3 ко всем свойствам, кроме background-position?

Question

Я хотел бы применить переход CSS ко всем свойствам, кроме фонового положения. Я пытался сделать это таким образом:

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

Сначала я установить все свойства перехода, а затем я попытался переписать только переход для свойства фона позиции.

Однако это, похоже, также сбросит все остальные свойства - так что, по существу, ни один из переходов, похоже, не происходит.

Есть ли способ сделать это без перечисления всех свойств?

Answer 1

Вот решение, которое также работает на Firefox:

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

Я сделал небольшой демо: http://jsfiddle.net/aWzwh/

Answer 2

Try:

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

Это работало для меня на что-то подобное ..

Answer 3

Надежда не опоздать. Это достигается только одной строкой!

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

Answer 4

Попробуйте это ...

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

Вы можете попробовать использовать стандартный способ W3C:

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

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