CSS Transition on pseudo element did not work on Safari

问题

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

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 ?

thank you.

回答1:

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.

来源：https://stackoverflow.com/questions/17920827/css-transition-on-pseudo-element-did-not-work-on-safari