¿Por qué la animación rotateY (flip) css3 parpadea en Chrome?

me han hecho una jsFiddle: http://jsfiddle.net/Grezzo/JR2Lu/¿Por qué la animación rotateY (flip) css3 parpadea en Chrome?

Cuando se pulsa la tecla i en el teclado, la imagen voltea alrededor para mostrar un texto, pero durante la animación de imágenes cambiantes que parpadea (en particular el texto parpadea) cuando se observa en Chrome.

(tenga en cuenta que estoy usando la biblioteca JS sin -prefix por lo que no tiene que prefijar con propiedades específicas del navegador CSS.)

¿Por qué es el parpadeo y cómo puede dejar que él?

ACTUALIZACIÓN: El parpadeo es notable en Chrome 20.0.1132.47 m que se ejecuta en XP, y sea cual sea la última versión para OS X 10.7.4 Lion es (no estoy cerca de mi Mac en este momento para comprobar)

Fuente

2012-07-02 Grezzo

Funciona bien aquí, Chrome 18 en Linux (SIEMPRE mencione la versión del navegador cuando esté preguntando por problemas específicos del navegador). –

@RobW Buen punto: se han agregado versiones de navegador. – Grezzo

Eso es muy raro, lo mismo para mí en mi Mac. Escribí un tutorial sobre esto, y nunca he visto este comportamiento ... –

Bueno , esto es un poco raro Al eliminar la background-color de .card, funciona bien: http://jsfiddle.net/JR2Lu/3/

Parece que peinar .card es el problema, probablemente como usted normalmente no ve que div.

Fuente

2012-07-02 15:10:38

Señor, usted es un genio. Anteriormente me encontré con tu tutorial (http://css3.bradshawenterprises.com/all/), y me he referido a él muchas veces. Ha sido muy útil, gracias. – Grezzo

Muchas gracias, ¡me alegra ayudar! –

¡Bonito hallazgo! Mis rostros tienen más contenido y estilo, aparentemente no parpadea donde no hay fondo o imagen, pero eso limita el efecto a casos de uso triviales :( – skrat

¿Por qué la animación rotateY (flip) css3 parpadea en Chrome?

Respuesta

Cuestiones relacionadas