B 站弹幕 CSS3 模式在 FireFox 下 CPU 狂飙至 90%，想知道为什么

如题，最近对象抱怨用我笔记本刷 B 站风扇会狂转， 然后我测试了一下， 发现 B 站的播放器（新版 H5 那个）有一个弹幕设置，可以选择是使用 canvas 还是 CSS3 来渲染弹幕。 然后通过改变弹幕设置发现性能会有很大的差别。

测试结果如下（均为全屏模式下观察任务管理器得到）：

FireFox

• CSS3 模式：CPU 会飙到 80%-90%左右，浏览器占用 CPU 大约 50%左右
• canvas 模式：CPU 会稳定在 50%-60%左右，浏览器占用 CPU 大约 30%左右

/我一直用 FireFox,特意去下了个 Chrome 对比用/

Chrome

• CSS3 模式：CPU 会飙到 60%-70%左右，浏览器占用 CPU 大约 30%-40%左右
• canvas 模式：CPU 会飙到 60%-70%左右，浏览器占用 CPU 大约 30%-40%左右

发现 Chrome 对这两种模式优化都挺好。

那么问题来了，

有没有大神来解答一下：

是不是 FireFox 下 CSS 的渲染优化存在什么问题？（先问是不是）

为什么？（再问为什么。。。）