Warum flackern Webkit-Animationen vor einem Transformationsübergang?

Flimmernde Übergänge in Webkit-Animationen

Frage:

Warum gibt es ein vorübergehendes Flackern? vor einer Webkit-Transformationsanimation mit CSS Übergänge?

Antwort:

Ursache:
Dieses Flackern tritt aufgrund der Verarbeitung der Rückseite von gedrehten oder verschobenen Elementen durch Webkit während auf der Übergang.

Lösung:
Um die zu beseitigen flackern, fügen Sie Ihrem Übergang die folgende CSS-Zeile hinzu:

-webkit-backface-visibility: hidden;

Diese CSS-Eigenschaft verbirgt die Rückseite des Elements während des Übergangs und verhindert so, dass das Flimmern sichtbar ist.

Das obige ist der detaillierte Inhalt vonWarum flackern Webkit-Animationen vor einem Transformationsübergang?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!