似乎无法使用 -webkit-transition 为伪元素设置动画。下面的 fiddle 显示了我在 Chrome/Safari 中运行时的意思，我猜现在不支持它？
最佳答案
嗯，实际上，你可以。
您只需要利用经常被遗忘的 inherit 值。
不幸的是，我们(还)不能直接使用自定义动画来定位伪元素，但我们肯定可以让它们通过继承我们希望设置动画的属性来共享“父”元素的相同动画。
看我的 fiddle here .
关于带有 :before and :after pseudo elements 的 CSS 过渡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9798010/