firefox - 不使用 'all' 的多个 css3 过渡类型

Question

我正在尝试使用 CSS3 过渡来过渡比例和不透明度 - 我不知道如何在不使用 all

的情况下过渡多个内容

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(感谢 Simone)，但现在它只是在 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;

再次感谢!