javascript - 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;
}

您的代码片段在 perspective 和 rotateY 转换属性之间缺少一个逗号。