CSS转换在Safari中不起作用

Question

如果您查看我的页面 http://debourg-dev.ch/crea/你会看到我的链接上的过渡效果在 safari 中不起作用(在 mac 上的最新版本上测试)。我的代码如下:

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

有什么问题？

Answer 1

似乎 Safari 有一个错误，并且在 transition: all; (或只是 transition: Xs; 因为 'all' 是默认属性)有一个问题。它甚至会导致某些版本的桌面和 iOS Safari 崩溃。

解决方案:改为transition: color 0.5s ease-in-out;(或者，当然是任何其他属性，只要确保它不是“全部”。)

这也可能是一个问题，特别是全局应用于 anchor 标签的转换 - 阅读更多 here

更多关于 Safari crashing

还有 here