three.jsを使用して3D画像テーブルを作成しようとしていますが、すべて正常に機能していますが、1divだけで2つの画像を連続して作成できます。
私の要素では、背景があり、反対側に別の写真があります。
出来ますか?プロパティ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";