CSS3 Transition + Transform在Safari中不起作用，但在Chrome中工作

Question

以下小提琴演示了这个问题：

http://jsfiddle.net/ydLyzk8c/

在新版本的Firefox，Chrome和＆amp; Opera，我正在尝试创建的效果：当文档加载时，依次对每个项目进行缩放（从4,4到1,1）并同时将不透明度从0增加到1。

然而，在Mac和Mac上的Safari 8中都有iOS Safari 7＆amp; 8，不存在比例变换 - 只有不透明度变化。我确信我已经拥有了所有必要的供应商前缀：

    -webkit-transform:-webkit-scale(1,1);
    -moz-transform:-moz-scale(1,1);
    -ms-transform:-ms-scale(1,1);
    -o-transform:-o-scale(1,1);
transform:scale(1,1);

但是，没有。我在这里错过了什么？

Answer 1

供应商前缀必须是属性而不是值，因此：

-o-transform: scale(1,1);