Маленький прыжок в конце css анимации

Это довольно общий вопрос. Используя анимацию css или TweenMax, некоторые браузеры, похоже, повторно отображают некоторые элементы в конце анимации, поэтому можно увидеть небольшой «скачок» пикселей. В некоторых браузерах он выглядит массивным, в некоторых вы его почти не замечаете. Чем меньше изображение, тем заметнее оно становится. Кто-нибудь сталкивался с таким поведением? А знает исправление? Помощь очень ценится!


person Wolfgang Müller    schedule 02.12.2015    source источник
comment
imho, может быть ряд причин для этого, например. либо из-за свойства, которое было анимировано всегда приземляется в абсолютных пикселях, а не между ними или из-за аппаратного ускорения (или отсутствия это зависит от ситуации), заставляя анимацию сначала загружаться в графический процессор, а затем, наконец, когда анимация успокаивается, выгружается из него и снова выглядит четко, отсюда и очевидный скачок.   -  person Tahir Ahmed    schedule 02.12.2015
comment
Я вообще не знаю о таких ошибках, по крайней мере, в GSAP. Было бы очень полезно увидеть пример codepen (или jsfiddle), чтобы мы могли определить, что происходит с вашим кодом, какие свойства вы анимируете, что может мешать и т. д.   -  person Jack    schedule 03.12.2015
comment
Существуют ошибки webkit, связанные с 3D-преобразованиями (в основном из-за оси Z). Это приводит к тому, что элемент имеет сглаживание во время анимации из-за аппаратного ускорения. И тогда элемент станет резким после того, как элемент завершит анимацию. Что это может быть за скачок, который вы видите? Обычно это происходит с элементами, которые содержат текст, изображения или используют фоновые изображения. Это ошибка webkit с 3D-преобразованиями из-за оси Z. Это можно исправить или найти обходной путь, но это зависит от того, как и что вы анимируете. Поэтому предоставьте пример кода, чтобы увидеть, вызывает ли это это.   -  person Jonathan Marzullo    schedule 04.12.2015
comment
У Tween.js и TweenMax есть эта проблема. См. эти ссылки: greensock .com/forums/topic/ и github.com/tweenjs/tween. js/проблемы/116   -  person trusktr    schedule 17.03.2018