javascript - css3 transform perspective and skew failed -

#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>

try make box , map billboard failed. can't master rotate , perspective properly.

i'm not sure asking, , such shouldn't try answering, figured why not? try this:

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

your code snippet missing comma in-between perspective , rotatey transform properties.