Проверьте эту скрипку: http://jsfiddle.net/sajYc/
Переход для псевдоэлемента :after работает в Firefox, но завершается неудачно в браузерах на основе webkit. Есть идеи, если это выйдет в будущем выпуске? Какие-нибудь обходные пути не JQuery для этого?
По сути, я использую его на странице для перехода между двумя состояниями спрайта фонового изображения (вместо двух цветов, как в скрипке). Плавный переход между нормальным и пиктограммным изображением. Поэтому я не хочу добавлять в него кучу реальных элементов, просто чтобы эта анимация работала.