我有一个图像,我想点击动画旋转 90 度,当再次点击它时,我希望它动画旋转 -90 度。
对于使用 css3 变换的旋转 im:
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
对于 jquery,我想设置一个变量来检查对象是否已旋转,然后采取相应措施。
我一直很难让它发挥作用。我已经组合了一个JsFiddle。
这是我正在使用的代码:
var turn = true;
$("#button").click(function () {
$("#shape").css('transform', function(index) {
return index * 90;
});
});