动画300 divs性能问题

Question

几个月前，我写了一支像散泡泡一样的笔，创造了透视隧道。 它在实际的Crome和Opera中运行得很快。

这是在codepen上的笔： http://codepen.io/anon/pen/wGrbPJ

似乎动画在IE11和FireFox 46中抖动太多。

我认为应该有一些解决方法来提高绘制速度，如：

  backface-visibility: hidden;

或者应用3d硬件加速，例如添加：

* {
  -webkit-font-smoothing: antialiased;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

但这并没有给予太大的推动。

也许有人是css中3d转换的专家，谁知道在IE和FF中导致这种抖动的原因，并且可以指出我在哪里看？

此致！

维塔利彼得。