CSS：图片而不是背面可见性=隐藏答案

【问题标题】：CSS : picture instead of backface-visibility = hiddenCSS：图片而不是背面可见性=隐藏
【发布时间】：2012-12-23 10:47:40
【问题描述】：

我正在尝试使用 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";

【问题讨论】：

标签： javascript css three.js

【解决方案1】：

背面需要第二个元素。请参阅http://css3.bradshawenterprises.com/flip/ 以获取有关如何实现此功能的示例（并将示例 CSS3 动画视为奖励）。

【讨论】：

【解决方案2】：

你不能，就其本身而言； backface-visibility: hidden; 是为了让您可以创建 另一个 元素，其背后有包含您的背面的补充旋转。

【讨论】：