使用-webkit转换似乎无法动画化伪元素。下面的fiddle显示了我在Chrome/Safari中运行时的意思，我想现在还不支持吗？
http://jsfiddle.net/4rnsx/130/
实际上，你可以。
您只需要利用经常被遗忘的inherit值。不幸的是，我们（还）不能用自定义动画直接瞄准伪元素，但我们可以通过继承我们希望设置动画的属性，让它们共享"父"元素的相同动画。
看我的小提琴。
2013年1月3日在谷歌Chrome中修复。
到目前为止（我确实更新了这个列表），它在中得到了支持
- FireFox 4.0及以上版本
- Chrome 26及以上
- IE 10及以上
正在等待Safari和Chrome for Android获取这些更新。
你可以在浏览器或中自己测试
请参阅浏览器支持表。
没有，还不支持