[Vuejs]-Button "On click" animation laggy in mobile browsers/views

by

0👍

Try checking out these links.

https://www.smashingmagazine.com/2016/12/gpu-animation-doing-it-right/
https://www.smashingmagazine.com/2012/06/play-with-hardware-accelerated-css/
https://www.urbaninsight.com/article/improving-html5-app-performance-gpu-accelerated-css-transitions

TLDR: try setting transform: translateX(0);

I believe this will force the element to be rendered using the GPU which might make the animation smoother. Not 100% sure, but those articles should help.

Leave a comment