Sembra impossibile animare pseudo elementi con -webkit-transition. Il violino qui sotto mostra cosa intendo quando eseguo in Chrome/Safari, immagino che questo non sia supportato in questo momento?Transizioni CSS con: prima e: dopo pseudo elementi
http://jsfiddle.net/4rnsx/130/
fisso in Google Chrome il 3 gennaio 2013.
Ormai (io lo faccio aggiornare questa lista) è supportato in:
In attesa di Safari e Chrome per Android per estrarre questi aggiornamenti.
È possibile test it yourself in your browser, o
Vedere le browser support table.
Beh, in realtà, è possibile.
Hai solo bisogno di sfruttare il valore inherit spesso dimenticato. Purtroppo non possiamo (ancora) indirizzare direttamente pseudo-elementi con animazioni personalizzate, ma possiamo sicuramente permettere loro di condividere la stessa animazione dell'elemento "genitore" ereditando le proprietà che vogliamo animare.
Vedere il mio violino here.
in realtà non è fissato sulla produzione, solo lo sviluppo. significa che, ancora, non puoi farlo in Chrome. – vsync