javascript/jquery, 스타일 시트가없는 웹킷 이미지 회전

Question

클릭하면 45도 회전하는 버튼이 있고 다시 클릭하면 다시 45도 회전합니다. 스타일 시트를 사용할 수없고이 솔루션은 JavaScript http://jsfiddle.net/7b4VZ/3/ 만 사용했기 때문에이 솔루션을 살펴 보았습니다. 클래스로 설정할 수 있는지 궁금 해서요. 다시 자바 스크립트를 사용하여 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/