Wenn ein animiertes Element von einem anderen nicht animierten Element gefolgt wird, werden in Chrome ein Streifeneffekt und verschiedene Farbverschiebungen angezeigt. Schwer zu sehen, aber ich habe ein Video aufgenommen (wenn du die Seite heranzoomst, verschiebt sich die Farbe, leichter zu sehen): Ссылка
Irgendwelche Ideen, wie das zu beheben ist? Wenn ich das Element <p> lösche, funktioniert es. Funktioniert auch in jedem anderen Browser wie Safari.
Nun, das funktioniert wirklich für mich, also vermute ich stark, dass es nur Ihre Grafikkarte oder Version von Chrome ist, die Probleme hat.
Ich würde jedoch vorschlagen, dass der Grund dafür ist, dass der Stil translate Chrome dazu zwingt, mit der GPU zu rendern und das P-Tag dort zu haben, macht es schwer.
Wenn Sie das P-Tag dazu zwingen würden, die gleiche Übersetzung zu verwenden, könnte das das Problem für Sie beheben, wie folgt:
%Vor%Es hat nichts mit Chrom oder Ihren Codes zu tun
Es ist deine GPU! speziell wenn Sie eine M-Serie GPU (Laptop um genau zu sein)
Was passiert, wenn Sie ein Verhältnis oder eine Auflösung verwenden, die höher oder niedriger als die nativen Einstellungen Ihres Monitors ist, setzen Sie zu viel Druck auf die GPU!
Aktualisieren Sie Ihre Grafiksoftware durch das Betriebssystem selbst oder bringen Sie die Auflösung auf die werkseitige Auflösung zurück
Tags und Links html css google-chrome css-animations