不使用“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 和 西蒙娜·维托里。

答案是使用 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，它实际上不存在。 :)

每个转换属性都接受逗号分隔的列表，允许定义多个转换。