1

スロット マシンのようなテキストでボックスを回転させようとしています。私は純粋なCSSを使用しています。これまでのところうまくいくと思いますが、回転後に回転ボックスが小さくなるという問題があります。これが私のコードです： jsfiddle

メインコードはここで行われます：

#category_wrapper.show-unten{
  -webkit-transform: translateZ(-5px) rotateX(90deg);
  -moz-transform: translateZ(-75px) rotateX(90deg);
  -ms-transform: translateZ(-75px) rotateX(90deg);
  -o-transform: translateZ(-75px) rotateX(90deg);
  transform: translateZ(-75px) rotateX(90deg);

}

これはバグですか、それとも何か問題がありますか?

4

1 に答える 1

2

これだけを使用してください：

#category_wrapper.show-unten{
-webkit-transform: translateZ(-5px) rotateX(90deg);
-moz-transform: translateZ(-75px) rotateX(90deg);
-ms-transform: translateZ(-75px) rotateX(90deg);
-o-transform: translateZ(-75px) rotateX(90deg);
transform: translateZ(0px) rotateX(90deg);

}

最後の行の変更を参照してください==> transform: translateZ(0px) rotateX(90deg);

これを使用します：

transform: rotateX(-100deg) translateZ(75px); //instead of -90 deg in class .unten

私はあなたのjsfiddleを更新しました=> Jsfiddle

于 2013-06-25T12:19:36.720 に答える