html - CSS3动画在移动端卡顿

Question

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

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

Answer 1

好像很多都這樣哦，例如gif圖你在拖曳頁面時也是停住的，在手機端或app裡

Answer 2

CSS動畫不同的設定效能會有所不同，我可以舉個例子：
位移動畫，你用from{座標} to {座標} 和translateXY 的效率就很不一樣，前者在手機上卡的不行，後者非常流暢。