webkit 中伪元素（pseudo element）不支持动画（transition 和 animation ）的bug终于修复了（Chrome 26）。这真是一个漫长的过程啊。
不过当前稳定版本的Chrome 24，看来等稳定版本升级到26还得一段时间。
这样除了 Opera 所有主流浏览器的最新版本都可以支持伪元素的动画行为了。
需要注意的是，IE10 中，伪元素对动画的支持有一个bug：
.x:hover:before { /* 不起任何作用 */ }
.x:hover {}
.x:hover:before { /* 起效（需要 :hover 来激活） */ }
参考资料：
- http://css-tricks.com/pseudo-element-animationstransitions-bug-fixed-in-webkit/
- http://css-tricks.com/transitions-and-animations-on-css-generated-content/
- http://css-tricks.com/pseudo-element-roundup/
