vue页面动态创建了大量DOM元素并添加了动画。导致卡顿如何解决？

Question

项目需求大概：页面需要js动态创建上千个元素随机分布在页面内； 点击按钮后所有生成的元素汇聚到页面中间这么一个效果；

思路：
在动态创建的时候给他们随机的定位，汇聚的时候把所有定位改成页面中心；加上transition做移动的过度效果；

遇到的问题：
这样做出来在电脑浏览器上效果不错，但是在手机浏览器上所有元素聚集的一瞬间会卡顿，请问应该如何解决？

Answer 1

如果是多个元素的动画，是否有开启CSS3硬件加速(GPU 加速)，再就是能用CSS3属性的就不要用定位类的属性。
最好就是改用canvas 或是 svg 的方式实现