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;
}

问题是什么？

原文由 user1280853 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对于 Safari，请尝试以下操作：

 -webkit-transition: 190ms width linear;

其中宽度表示正在更改的属性，请防止使用 all 因为不同的浏览器对此的解释不同，并且可能会导致问题，尤其是在 Safari 浏览器中。

原文由 Aastha Awasthi 发布，翻译遵循 CC BY-SA 4.0 许可协议