Показать сообщение отдельно
  #1 (permalink)  
Старый 23.09.2018, 13:55
Интересующийся
Отправить личное сообщение для who_cares_? Посмотреть профиль Найти все сообщения от who_cares_?
 
Регистрация: 13.01.2017
Сообщений: 17

Вопрос про CSS анимацию, и ускорение её с помощью фреймворков (react,vue)
Всем привет!

Немного предыстории:
У меня стоит задача ускорения анимации в мобильном Chrome. Проект на JQuery, и анимация на нем же (.animate). Изначально обратил внимание на реактивные фреймворки, но быстро понял, что чтобы использовать их для ускорения рендеринга, придется весь проект переписывать, а он довольно большой. Потом обнаружил, что использование анимации с аппараным ускорением ( transform:translate() ) и css свойством will-change дает отличные результаты (по сравнению с тем что было). Однако все равно неприятно подтормаживает(

И собственно вопрос.
Могут ли фреймворки дать дополнительное ускорение анимации, в дополнение к css анимации. Вопрос только про аппаратно ускоряемую анимацию (transform, opacity). Или может, есть еще способы ускорить?

Вот пример кода:
<style>
div {
will-change: transform;
transform: scale(0.9);
transition: all .3s linear;
}

<script>
$(div).css({ transform:'scale(1.2)' }); // реакция на клик

Последний раз редактировалось who_cares_?, 23.09.2018 в 13:57.
Ответить с цитированием