CSS：圖片而不是backface-visibility = hidden

Question

我想用three.js製作3D圖片表，並且所有工作都很好，但是，我將能夠將兩張圖片以1 div：

在我的元素中，我有一個背景，我會在另一邊有另一張圖片。

可能嗎？使用backface-visibility:hidden;屬性，我可以使背景消失在錯誤的一面，但是如何將圖片定義爲「背面的背景」？

.element { 
    width: 140px; 
    height: 180px; 
    box-shadow: 0px 0px 20px rgba(0,255,255,0.5); 
    border: 1px solid rgba(127,255,255,0.25); 
    cursor: default; 
    backface-visibility:hidden; 
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
} 

... 

var element = document.createElement('div'); 
element.className = 'element'; 
element.style.backgroundImage="url('img/img-"+(i+1)+".jpg')"; 
element.style.backgroundRepeat = "no-repeat"; 
element.style.backgroundPosition = "center"; 

Answer 1

您需要背面的第二個元素。有關如何實現此示例的示例，請參閱http://css3.bradshawenterprises.com/flip/（並考慮示例CSS3動畫獎金）。

Answer 2

你不能，本身; backface-visibility: hidden;是這樣，你可以創建另一個元素與它後面的補充旋轉，其中包含您的背面。