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有一个bug和choke transition: all;(或者只是transition: Xs;因为'all'是默认属性).它甚至崩溃了某些版本的桌面和iOS Safari.

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

它也可能是一个问题,特别是全局应用于锚标签的转换 - 请在此处阅读更多内容

有关Safari 崩溃的更多信息

而在这里