如何使用带有按钮触发器的javascript和jQuery旋转css 3d立方体

时间:2017-10-27 06:41:49

标签: javascript jquery html css 3d

我一直在尝试使用javascript中的按钮触发器(#leftBtn)旋转css 3-d立方体,但我不确定动画在css中是如何工作的。我尝试了这个jQuery函数,其中#leftBtn是我想用旋转立方体的按钮,.renderLeft和.rotate是我试图在javascript中调用旋转形状的类,#front是前面/正方形我正在尝试旋转的立方体(然后将其应用于其余面)。这是一个包含整个代码的jsfiddle

viewDidLoad

1 个答案:

答案 0 :(得分:3)

您正在使用jquery,因此您必须在脚本

之前添加jquery cdn

https://codepen.io/mgkrish/pen/wPwjQP
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>