Невозможно оживить псевдоэлементы с -webkit-переходом. Скрипка ниже показывает, что я имею в виду при запуске в Chrome/Safari, я думаю, это не поддерживается прямо сейчас?CSS Переходы с: до и: после псевдоэлементов
http://jsfiddle.net/4rnsx/130/
Исправлено в Google Chrome 3 января 2013 г.
К настоящему времени (я обновлять этот список) она поддерживается в:
Ожидание Safari и Chrome для Android, чтобы вытащить эти обновления.
Вы можете test it yourself in your browser или
Ну, на самом деле, вы можете.
Вам просто нужно использовать часто забытое значение inherit. К сожалению, мы не можем (пока) напрямую нацеливаться на псевдоэлементы с помощью пользовательских анимаций, но мы, безусловно, можем позволить им совместно использовать одну и ту же анимацию «родительского» элемента, наследуя свойства, которые мы хотим оживить.
Просмотреть мою скрипку here.
На самом деле это не зафиксировано в производстве, только разработка. означает, что вы все еще не можете сделать это в Chrome. – vsync