我正在尝试使用(大)背景图像为 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%;
}
这是一个错误还是我做错了什么?