0

我正在尝试使用(大)背景图像为 div 上的透视原点属性设置动画。这在 Chrome 中运行良好,但在 Firefox 中运行不顺畅。(在 macbook pro 视网膜上测试)

我在 http://jsfiddle.net/gZ8FD/3/做了一个小测试

.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%;
}

这是一个错误还是我做错了什么?

4

0 回答 0