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转换属性之间缺少逗号。

css3转换透视和倾斜失败

1 个答案: