css3转换透视图和偏斜失败

Question

 #box{ width:200px; height:100px; background:blue; transform: perspective( 150px ) rotateY( 45deg ); position:absolute; top:150px; left:140px; } 

 <img src="http://i.imgur.com/A4VH0LQ.jpg"> <div id="box"></div> 

尝试制作一个盒子并将其映射到广告牌中，但失败了。 无法正确掌握旋转和透视。

Answer 1

我不确定您要问的是什么，因此不应该尝试回答，但我想为什么不呢？ 所以试试这个：

#box{
  width:200px;
  height:100px;
  background:blue;
  transform: perspective( 150px ), rotateY( 45deg );
  position:absolute;
  top:150px;
  left:140px;
}

您的代码段缺少透视图和RotateY变换属性之间的逗号。