I tested it, Meizu note2 has animations on UC, Firefox, Chrome, and Meizu’s own browser. Only mobile Opera has no animation. lz you can try adding css prefix completion for different browsers. Or add a flag in the meta that the browser turns on the h5 mode.
It is best to add the browser compatibility prefix to your code transition: all 5s linear 1s;. If you are using a browser with webkit kernel, it is best to write it like this
-webkit-transition: all 5s linear 1s;
transition: all 5s linear 1s;
On the mobile side, start using gpu to trigger the 3D effect of css3 and do not use js motion such as jquery. The performance will be significantly improved
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I tested it,
Meizu note2 has animations on UC, Firefox, Chrome, and Meizu’s own browser.
Only mobile Opera has no animation.
lz you can try adding css prefix completion for different browsers.
Or add a flag in the meta that the browser turns on the h5 mode.
It is best to add the browser compatibility prefix to your code
transition: all 5s linear 1s;. If you are using a browser with webkit kernel, it is best to write it like thisOn the mobile side, start using gpu to trigger the 3D effect of css3 and do not use js motion such as jquery. The performance will be significantly improved