爲什麼財產「透視」不適合我？

Question

HTML：

<div></div> 

CSS：

div { 
    width: 50px; 
    height: 50px; 
    background: red; 
    border: 10px solid yellow; 
    -webkit-perspective: 600px; 
    -webkit-transform: perspective(600); 
    -moz-transform: perspective(600); 
    transform: perspective(600); 
} 

這是不行的，它總是顯示一個紅色方塊......我不明白爲什麼。 我使用Chrome 23

Answer 1

該視角需要與另一個轉換組合使用。看一看：

http://jsfiddle.net/TD8Hr/

HTML：

<div> 
    <div></div> 
</div> 

CSS：

div { padding: 50px; } 

div > div { 
       width: 50px; 
       height: 50px; 
      background: red; 
       border: 10px solid yellow; 
    -webkit-perspective: 600px; 
    -webkit-transform: perspective(600) rotateY(120deg); 
     -moz-transform: perspective(600) rotateY(120deg); 
      transform: perspective(600) rotateY(120deg); 
        }