0

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";
4

2 に答える 2

0

それ自体はできません。これは、背面を含む補助回転を背後に持つ別のbackface-visibility: hidden;要素を作成できるようにするためです。

于 2012-12-23T02:31:46.930 に答える
0

背面には2番目の要素が必要です。これを実装する方法の例については、http://css3.bradshawenterprises.com/flip/を参照してください(CSS3アニメーションの例をボーナスと見なしてください)。

于 2012-12-23T02:40:00.173 に答える