javascript - CSS : picture instead of 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 动画作为奖励)。