Невозможно (что я знаю) делать то, что вы просите.
Анимации Javascript выполняются путем перехода от одного значения CSS к другому (например, край, верх, ширина, высота и т. Д.). Я действительно не вижу, как вы могли бы «предварительно визуализировать» это. Единственное, о чем я могу думать, это предварительное определение последовательности значений, которая будет применяться в CSS (если вы используете упрощенное экспоненциальное или тригонометрическое функционирование). Даже тогда вы не будете делать (обязательно) с помощью jQuery.
У вас есть пример вашей резкой анимации, которая внезапно начинает плавнее?
Просто установите значение слева от отрицательного значения на экране до положительного значения на экране ... –