使用javascript / jquery进行webkit图像旋转，没有样式表

Question

我有一个按钮，当它被点击时我想旋转45度，当它再次点击它再次旋转45度时。我不能使用样式表并且一直在查看此解决方案，因为它只使用了JavaScript http://jsfiddle.net/7b4VZ/3/并且想知道它是否可以设置为类，再次只使用JavaScript然后我可以设置为使用jQuery切换类？

小提琴代码：

var img = document.images[0];
img.style.setProperty("-webkit-transition", "left 2s linear");
var slide = function(){
img.style.setProperty("left", "200px");
setTimeout(function(){
    img.style.setProperty("left", "0px");
    setTimeout(slide,2000);    
},2000);
}

slide();​

Answer 1

您可以使用CSS转换进行轮换：http://jsfiddle.net/antishok/7b4VZ/60/