關於css3圖片旋轉transform：rotate（）問題總結

前兩天做了一個關於賀卡制作的項目，項目要求上傳圖片 ，圖片旋轉，播放音樂等幾個特效，今天講講圖片旋轉的問題，

css3屬性中有一個transform:rotate();大家最好寫-webkit-transform:rotate()；-moz-transform:rotate();這樣

控制好樣式之后要控制像發微博圖片那樣點擊就旋轉多少度的html代碼，javascript代碼

<div id="rotate">旋轉按鈕</div>

<img src="" id="picbox" />

<script>

　　var rotateindex = 1;

　　$("#rotate").click(function(event){

　　　　var deg = rotateindex*4/90+'deg';

　　　　$(".picbox").css('transform','rotate('+deg+')')

　　　　rotateindex++;

　　　　if(rotateindex>4){

　　　　　　rotateindex=1;

　　　　}

　　})

</script>