Как активировать gpu-анимацию?

В 2021 году все еще нужно использовать transform: translateZ(0) или will-change: transform для активации gpu-анимации и получения наибольшей плавности? Или просто анимирование того же left даст визуально аналогичный результат?
  • Вопрос задан
  • 332 просмотра
Пригласить эксперта
Ответы на вопрос 3
nastya97core
@nastya97core
Начинающий программист
посмотри в сторону gsap https://greensock.com/gsap/ . там у них свои расчёты и работает всё очень плавно
Ответ написан
tundramani
@tundramani
ускоренно анимируются картой только transform и opacity

left и тд не анимируются
Ответ написан
@r_g_b_a Автор вопроса
Нашел такой пример
https://codepen.io/paulirish/pen/nkwKs
https://codepen.io/paulirish/pen/LsxyF
Если в firefox все довольно плавно, то в chrome первый пример заметно подлагивает при 10+ изображения.
При этом во втором примере используется просто translate даже без will-change
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы