如何使用按钮触发器在javascript中旋转css 3d立方体

Question

我一直在尝试使用javascript中的按钮触发器（左）旋转css 3-d立方体，但我不确定动画在css中是如何工作的。 我试过这个jQuery函数，其中#leftBtn是我想要旋转立方体的按钮，而renderLeft / rotate是我试图旋转形状的类。 这是一个jsfiddle，包含整个代码

$("#leftBtn").click(function(event) {    
      $("#front").toggleClass('renderLeft');
      $("#front").toggleClass('rotate');           
        });

Answer 1

年轻的大卫沃尔什做了一个我以前用过的漂亮的小旋转立方体。你会发现here