所以我得到了这样的代码，希望bg1div从左旋转一定角度，但正如你所看到的，在最后，它"失去了透视"，正如我所看到的那样，尽管我可能错了。你认为我做错了什么，或者我能做些什么来实现我的目标？
简单页面代码：
<style>
#bg1{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:orange;
font-size:100px;
font-family:Arial;
color:white;
text-align:center;
-webkit-transform: perspective(100px);
-webkit-transform-origin:left;
transition:1s;
}
#bg1:active{
-webkit-transform:rotateY(85deg);
}
</style>
<body>
<div id="bg1"></div>
</body>
提前谢谢。
您还需要指定活动状态的透视图，因为它在转换内部：
#bg1:active{
-webkit-transform: perspective(100px) rotateY(85deg);
}
否则，将过渡到旋转但没有透视的图元。（当然，在过渡的中间，它仍然有一些前景）