CSS3 perspektivische Transformation und

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>

Versuch fehlgeschlagen Skew eine Box und wo es in die Billboard zu machen, aber gescheitert. Rotation und Perspektive können nicht richtig beherrscht werden.

Answer 1

Ich bin mir nicht sicher, was Sie fragen, und als solche sollte nicht versuchen, zu beantworten, aber ich dachte, warum nicht? Also versuchen Sie dies:

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

Ihr Code-Snippet wurde ein Komma in-zwischen der Perspektive fehlt und rotateY Eigenschaften verwandeln.