如何使用按鈕觸發器在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

年輕的大衛·沃爾什（David Walsh）制作了一個我之前使用過的漂亮的旋轉立方體。 你會在這里找到