1

CSS で 3 つの小さな立方体を作成し、CSS ファイルの一番下にある div #first_line_of_cubes 内の行にグループ化しました。ここで確認できます: http://jsfiddle.net/ZVVK3/ (すべての必要なプレフィックスがないため、Chrome でのみ機能すると思います)

次に、次を使用して行 #first_line_of_cubes を回転させます。

-webkit-transform:rotateY() rotate(x)

問題は、ir がグループ化された立方体の左側の角を中心に回転することですが、グループ化された立方体の中心を中心に回転させたいです。

これまでのところ、解決策は-webkit-transform-originプロパティであると Google は述べていますが、私が試した値では何の効果も得られません。何が問題で、どうすれば中心を中心に回転させることができますか?

CSS ソリューションがなければ、JavaScript/jQuery でも構いません。

4

1 に答える 1

0

私にとっては、Chrome バージョン 27 の設定では、原点が正常に機能しているように見えますが、中心は私が思っている場所とはかなり違うようです:

http://jsfiddle.net/MRpUb/

-webkit-transform-origin:300px 0px 0px;
于 2013-06-14T18:03:01.607 に答える