css - 如何将 CSS3 过渡应用于除背景位置之外的所有属性？

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/