Performance 透视源firefox

我正在尝试在具有（大）背景图像的div上设置透视原点属性的动画。这在Chrome中运行良好，但在firefox中并不顺利。（在macbook pro视网膜上测试）

我已经做了一个小测验

---

这是一个bug还是我做错了什么？

可能是macbook/osx的问题，因为我看到了这里的不同。嗯，有一个元素，帧速率还是可以的，但是如果我使用更多的话，帧速率会下降到3/4FPS…但是当我使用纯色作为背景时，它会很平滑。哦，对不起，我以为你指的是形状而不是速度。Firefox的3D转换实现非常慢。不是你。是他们。

.item{
    background-image: url(http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg);
    background-size: contain;
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
}

#box{
    perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective-origin: 50% 50%;
}