html - CSS3动画在移动端卡顿

问题描述

不知道有没有人遇到过，就是用css3做的动画在手机上，当手指在拖动屏幕的时候动画会停止不动了。。由于我没用JS做过动画，所以不知道JS会不会有这个问题。就想知道，这个问题有没有什么方法解决的。。还是说我写的有什么漏掉了。所以造成动画卡顿的了.

哦。对了。我只是在自己的安卓机上测试的。。

问题解答

好像很多都这样哦，比如gif图你在拖动页面时也是停住的，在手机端或者app里

CSS动画不同的设置性能会有所不同，我可以举个例子：位移动画，你用from{坐标} to {坐标} 和translateXY 的效率就很不一样，前者在手机上卡的不行，后者非常流畅。