2

CSSを使用して、本質的にラックを作成しようとしています。これが私が今持っているもののデモペンです。

http://codepen.io/aherrick/pen/BzrnL

以下を除いて、すべてが私が望むように機能しています。表現として次の画像を見てください。内側の長方形がレンダリングされると、基本的に「左側」で反転されます。これは、最初の長方形が 0,0 でレンダリングされるためです。

長方形をレンダリングするための一般的な方法を維持しながら、これに対処する方法について何か考えはありますか?

ここに画像の説明を入力

4

1 に答える 1

1

私の理解が正しければ、左側の「a」と「b」のボックスを入れ替えてください。

それを取得する1つの方法は、これを変更することです

.rack .left {
    -webkit-transform: rotateY(90deg) translateZ( -296px );
    -moz-transform: rotateY(90deg) translateZ( -296px );
    -o-transform: rotateY(90deg) translateZ( -296px );
    transform: rotateY(90deg) translateZ( -296px );
}

これに

.rack .left {
    -webkit-transform: rotateY(-90deg) translateZ( 296px );
    -moz-transform: rotateY(-90deg) translateZ( 296px );
    -o-transform: rotateY(-90deg) translateZ( 296px );
    transform: rotateY(-90deg) translateZ( 296px );
}

(反対方向に回転)

于 2013-11-03T21:49:16.027 に答える