多CSS3過渡類型的「所有」

Question

我試圖轉型無論是規模和使用CSS3過渡的不透明度 - 不使用所有

transition-function: all; 
transition-duration: 1s; 
transition-timing-function: ease-in; 

我不能工作了如何轉型多件事情

作品，一樣：

transition: all 1s ease-in; 

和

transition-function: opacity; 

或

transition-function: scale; 

但不

transition-function: scale, opacity; 

在這裏看到的例子：http://jsfiddle.net/5PCGs/7/

任何幫助將非常感激！謝謝 ：） ！

編輯：

我已經摸索出它的transition-property（感謝西蒙），但現在它只是動畫不透明度在Firefox，而不是兩個 - http://jsfiddle.net/5PCGs/9 - 在FF和Chrome比較這並排側

Answer 1

感謝Boris Zbarsky和Simone Vittori。

答案是使用transition-property和未指定所有你在那裏轉化的東西，只是把transform中的值之一，並且讓類之間的變換的差異照顧自己。

transition-property: transform,opacity; 
transition-duration: 1s; 
transition-timing-function: ease-in; 

編輯：不要爲得到添加您需要將這些任何前綴。以Webkit瀏覽器爲例：

-webkit-transition-property: -webkit-transform,opacity; 
-webkit-transition-duration: 1s; 
-webkit-transition-timing-function: ease-in; 

再次感謝！

Answer 2

嘗試使用transition-property而不是transition-function，實際上並不存在。 :)

每個轉換屬性都接受逗號分隔列表，允許定義多個轉換。