css3 Animation Artefakte

Question

Ich habe einige seltsame Probleme mit css3 Animation.

Ich habe Blockelemente mit css3 transformation angewendet. Wenn Transformation mit -webkit-transform Matrix angewendet wird - sehen Elemente sehr glatt aus. Aber wenn ich versuche, Animation mit -webkit-Keyframes anwenden, sehen Schriften und einige andere Divs schrecklich während der Animation.

Probe kann hier gefunden werden: http://shuma.ru/animation.html

Probleme können in 'Webkit-Browsern Safari/Chrome' usw.

Answer 1

Für dieses Problem gesehen werden Sie dieses schreiben kann auf Sie CSS geschaffen.

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

& für Safari definiert diese:

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

in dem animierten CSS prüft Element dieses für mehr