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

【问题标题】：CSS3 Transition + Transform not working in Safari, but working in ChromeCSS3 Transition + Transform 在 Safari 中不起作用，但在 Chrome 中起作用
【发布时间】：2014-10-06 09:25:55
【问题描述】：

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

http://jsfiddle.net/ydLyzk8c/

在新版本的 Firefox、Chrome 和 Opera 中，我尝试创建的效果有效：当文档加载时，依次缩放变换每个项目（从 4,4 到 1,1）并增加不透明度同时从 0 到 1。

但是，在 Mac 上的 Safari 8 和 iOS Safari 7 和 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);

但仍然没有。我在这里想念什么？

【问题讨论】：

标签： css safari transform

【解决方案1】：

供应商前缀必须是属性而不是值，所以：

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

【讨论】：

太棒了，谢谢。我对在转换中为转换指定供应商前缀感到困惑。