回転 X(180 度) 回転 Y(180 度) を実行すると、上下が逆になります。したがって、マウスがドラッグ時に子要素を上に移動するように設定されている場合、その子要素は下に移動します (設定方法によって異なります)。
-webkit-transform: rotateX(?deg) rotateY(?deg) rotateZ(?deg); // where does it point?
WEBキットのセットアップのみ
フィドルを見てみましょう(コードはごちゃごちゃで、取り除かれています)。コンピューターのモニターに、円形に配置された 360 個の目盛りを描きます。矢印が指している目盛りをどのように見分けることができますか (ボックスが円の正確な中心にあると仮定します)。
*編集 - 使用されている変換元は立方体の中心にあります