CSS3 Transiciones 3D parpadeando en firefox cuando también usa box-shadow

Question

Tengo un elemento de flujo de cobertura similar a apple construido usando transición CSS3 y transformaciones 3D.

http://jsfiddle.net/7eDkb/1/ (transición con la caja-sombra)

Works liso en cromo, pero en Firefox, las tapas están parpadeo entre ser visible e invisible cuando se están animados.

Después de un proceso de eliminación, he encontrado que al eliminar la propiedad de CSS "box-shadow" de los elementos, se obtienen transiciones suaves en Firefox.

http://jsfiddle.net/7eDkb/2/ (transición sin la caja-sombra)

He probado esto en Firefox v15 y v21 cromo.

¿Existe alguna solución para tener tanto transiciones 3d como box-shadow en un elemento sin que parpadee en Firefox?

EDIT: en los violines, pulsa en las imágenes grises para ver el parpadeo

Answer 1

Hay una buena razón nadie respondió a esta pregunta, sin embargo, es un error Firefox.

He enviado esto a bugzilla, y se ha confirmado como un error.

https://bugzilla.mozilla.org/show_bug.cgi?id=790239

Como @ Kyle declaró en su comentario, la mejor solución actual es utilizar una alternativa no-elegante a la caja de sombra en el caso de Firefox.