Wie kann man Flimmern bei WebKit-Transformationsübergängen beseitigen?

Beseitigen Sie Flimmern während Webkit-Transform-Übergängen in WebKit

Webentwickler können vor Animationen der Webkit-Transform-Eigenschaft auf ein unerwünschtes Flimmern stoßen. Um dieses Problem zu beheben:

Ursache des Flimmerns:

WebKit-Browser speichern Frames während ihrer zusammengesetzten Ebene zwischen. Bevor der Übergang eingeleitet wird, muss der Browser das Element zunächst in die zusammengesetzte Ebene verschieben, was zu einem vorübergehenden Flackern führt.

Lösung:

Implementieren Sie die folgende CSS-Eigenschaft für Betroffenes Element:

-webkit-backface-visibility: hidden;

Diese Eigenschaft weist WebKit an, das Flimmern zu beseitigen, indem die Rückseite des Elements unsichtbar gemacht wird. Folglich vermeidet der Browser das Verschieben des Elements zur Animation auf die zusammengesetzte Ebene und löst so das Flimmern auf.

Das obige ist der detaillierte Inhalt vonWie kann man Flimmern bei WebKit-Transformationsübergängen beseitigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!