Css3旋轉，如何給深度

Question

我想用css3做一個硬幣翻轉動畫，但我不知道如何給硬幣深度，因爲沒有深度它消失一旦它在90度這是不美觀的，有什麼建議麼？

Answer 1

您需要使用屬性透視圖。 視角必須適用於您旋轉它的父元素。

.parent { 
    perspective: 1000px; 
} 

.child { 
    transform: rotateY(50deg); 
}