me han hecho un violín para referencia: http://jsfiddle.net/xypQY/Aplicación de transiciones WebKit a Pseudo Elementos
Qué elemento i gustaría aplicar transiciones en WebKit para lograr un efecto de fundido usando la opacidad?
Este es un error de webkit, las transiciones no funcionan en Chrome o Safari en pseudo-elementos.
favor protagonizar este error para ayudar esperemos que la bola que rueda sobre una solución:
Issue 54699: CSS3 transition not applied for pseudo elements
Se ha informado a Webkit:
Bug 23209 - Transitions and animations do not apply to CSS generated content
así que espero que se fija pronto. se añadió facilitación de las transiciones a WebKit en 01/02/2013::
ACTUALIZACIÓN https://trac.webkit.org/changeset/138632
Webkit ahora ha agregado soporte para esto: http://trac.webkit.org/changeset/138632 –
Parece que, pero aún persiste en Safari, pero hay una solución alternativa: http://kizu.ru/en/pseudos/ – kirilloid
Por fin, el error se corrige en Google Chrome.
Puede comenzar a utilizar transitions de pseudo elementos, la mayoría de los cromos ya han actualizado como el 24 de enero de 2013.
Esperando Safari para tirar de estas actualizaciones.
Parece que no es posible. http://jsfiddle.net/xypQY/1/ – Gerben
posible duplicado de [Cómo habilitar -webkit-animation/transition-property para: before y: after pseudo elements?] (http://stackoverflow.com/questions/3855079/how-to-enable-webkit-animation-transition-property-for-before-and-after-pseud) – mario
Posible duplicado de http://stackoverflow.com/questions/9798010/css-transitions-with-before-and -after-pseudo-elements – Dan