は視点とスキューが箱を作り、看板にそれをマップしよう

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>

を失敗したが失敗した変換CSS3。回転と視点を正しくマスターできません。

Answer 1

私はあなたが何を求めているのかよくわかっていないので、答えるべきではありませんが、なぜ私は考えませんでしたか？これを試してみてください：

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

あなたのコードスニペットには、perspectiveプロパティとrotateYトランスフォームプロパティの間にコンマがありませんでした。