关于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>

关于css3图片旋转transform：rotate（）问题总结

标签：

原文地址：http://www.cnblogs.com/webgirl/p/4177867.html