タッチイベントでアニメーション化するCSS3で3Dキューブを実行しています。リンクは次のとおりです（Chromeで「タッチイベント」をアクティブ化できます）：http ：//adevby.me/cube/ 。
2つの異なる関数（cube1とcube2）を作成しました。唯一の変更は、2番目のキューブの254行目です。
最初の立方体： Y軸（下部の赤い面）を180度回転させ、次にX軸を回転させると、方向が逆になります（カーソル/指の動きに対して）。
2番目の立方体： Y軸で-90度未満&& 90度を超える条件を作成しようとしましたが、遷移が不良です...
2番目の問題 目の前に赤い顔があり、X軸を移動すると、立方体はY軸ではなくZ軸を回転します。
はっきりしているといいのですが...