CSS上的CSS转换在Safari上不起作用 [英] CSS Transition on pseudo element did not work on Safari

问题描述

我尝试在悬停超链接动画上创建。当用户将鼠标悬停在链接上时，它将为下划线设置动画。
我把代码放在这里： http://codepen.io/elaelation/pen/bkicn

I try to create on hover hyperlink animation. When user hover on the link it will animate the underline. I put the code here : http://codepen.io/elaelation/pen/bkicn

它适用于Chrome& Firefox，但它无法在Safari上运行。我已经将 -webkit-transition 用于Safari bug，但它仍然无法正常工作。
我的代码有什么问题吗？

It works very well on Chrome & Firefox, but it did not work on Safari. I already put the -webkit-transition for Safari bug, but it still didn't work. Is there anything wrong with my code ?

谢谢。

推荐答案

我刚刚在这里找到了一篇好文章： http ：//css-tricks.com/transitions-and-animations-on-css-generated-content/
Safari中尚不支持CSS元素的CSS转换。您可以阅读上述文章的详细信息。

I just found a good article here : http://css-tricks.com/transitions-and-animations-on-css-generated-content/ CSS transition on pseudo element is not supported yet in Safari. You can read the detail on the article above.

这篇关于CSS上的CSS转换在Safari上不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！