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

标签 javascript jquery html css 3d

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

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

最佳答案

年轻的 David Walsh 做了一个我以前用过的漂亮的小旋转立方体。你会发现 here

关于javascript - 如何使用按钮触发器在javascript中旋转css 3d立方体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46957980/

相关文章:

javascript - 是否可以使用 MongoDB 作为 html 项目的数据库?

javascript - js如何让弹窗只出现一次?

c# - 如何在 Razor 中修复此 "syntax error"?

jquery - x 次后禁用点击

javascript - 警报框在 intel xdk 中不工作

带有纯 Javascript View 的 PHP MVC : good practice?

jquery - 如何在asp.net mvc中将Textbox值发送到ActionLink

jquery - 签名板在 IE7 中不工作

html - th 内元素的直接父级是行?

html - 如何使用 Nokogiri 解析 TABLE 文本?