artefactos de animación css3

Question

Tengo algunos problemas extraños con animación css3.

Tengo elementos de bloque con css3 transformation aplicado. Cuando la transformación se aplica con -webkit-transform matriz - los elementos se ven muy suaves. Pero cuando intento aplicar animación con -webkit-keyframes, las fuentes y algunos otros div se ven mal durante la animación.

muestra se puede encontrar aquí: http://shuma.ru/animation.html

Problemas pueden verse en 'navegadores WebKit de Safari/Chrome', etc.

Answer 1

Para este problema se puede escribir esto en usted CSS.

body{ 
    -webkit-perspective: 1000; 
    -webkit-backface-visibility: hidden; 
} 

& para Safari definir esto:

-webkit-transform:translate3d(0,0,0); 

en el elemento de animación CSS Comprobar esto por más