He estado siguiendo los documentos de la red de desarrolladores de mozilla y he creado una transición para que mis imágenes cambien. Parece que funcionan bien en Chrome (¿19?) Pero no en Firefox 11 (o cualquier otro navegador).

He creado un caso de prueba aquí en jsfiddle - http://jsfiddle.net/9nevB/1/ He intentado esto de muchas formas diferentes y todavía no puedo hacer que funcione en Firefox.

¿Alguna idea?

Gracias

1
Jayflux 23 mar. 2012 a las 14:58
No puede difuminar las imágenes de fondo en una transición, solo muévalas. Y esto no funciona en Chrome 17.
 – 
Evan Mulawski
23 mar. 2012 a las 15:11
Lo siento, me refiero a Chrome 19 en el que parece funcionar
 – 
Jayflux
23 mar. 2012 a las 15:14

1 respuesta

La mejor respuesta

Según la especificación CSS3, background-image es no animable. Los navegadores pueden proporcionar esta implementación, pero no está estandarizada.

1
Evan Mulawski 23 mar. 2012 a las 15:15
Gracias. Acabo de ver esto: css3.bradshawenterprises.com/cfimg que parece tener algo bueno soluciones
 – 
Jayflux
23 mar. 2012 a las 15:28