CSS3 过渡（供应商前缀）立即使 Safari 崩溃

【问题标题】：CSS3 Transition ( Vendor Prefixes) crashes Safari immediatelyCSS3 过渡（供应商前缀）立即使 Safari 崩溃
【发布时间】：2013-10-02 06:07:41
【问题描述】：

这是我正在进行的项目（代码完全复制，除了名称更改等）

div #logo 的样式如下：

#logo {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

这会导致 OS X 10.8.5 上的 Safari 6.0.5 立即崩溃。如果我删除这些转换，它不会崩溃。

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

Safari 在 all-property 转换时有时会遇到一些问题。

试试这个：

#logo {
    -webkit-transition: color .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

编辑：在玩了一段时间之后，实际上是您对-webkit-transition: all 和-webkit-calc() 的使用组合导致了问题。这是 Safari 中的一个错误，为了克服它，您可能需要使用 javascript 来计算上边距而不是 CSS。

希望这会有所帮助！

【讨论】：