Parece que no puede animar pseudo elementos con -webkit-transition. El siguiente violín muestra lo que quiero decir cuando se ejecuta en Chrome/Safari, ¿supongo que esto no es compatible ahora?CSS Transiciones con: before y: after pseudo elements
http://jsfiddle.net/4rnsx/130/
fijo en Google Chrome, el 3 de enero de 2013.
Por ahora (lo hago actualizar esta lista) es apoyado en:
Esperando Safari y Chrome para Android para extraer estas actualizaciones.
Puede test it yourself in your browser, o
Véase el browser support table.
Bueno, en realidad, puedes.
Simplemente necesita aprovechar el valor inherit que a menudo se olvida. Desafortunadamente, no podemos (todavía) dirigirnos directamente a los pseudo-elementos con animaciones personalizadas, pero seguramente podemos permitirles compartir la misma animación del elemento "principal" al heredar las propiedades que deseamos animar.
Ver mi violín here.
en realidad no está fijo en la producción, solo en el desarrollo. significa que, aún así, no puedes hacer esto en Chrome. – vsync