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

本文转载自 angelxue 查看原文 2014-12-22 11:55 4151 css3rotate

前两天做了一个关于贺卡制作的项目，项目要求上传图片，图片旋转，播放音乐等几个特效，今天讲讲图片旋转的问题，

css3属性中有一个transform:rotate();大家最好写-webkit-transform:rotate()；-moz-transform:rotate();这样

控制好样式之后要控制像发微博图片那样点击就旋转多少度的html代码，javascript代码

　　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>

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 CSS transform中的rotate的旋转中心怎么设置 CSS3 transform rotate（旋转）锯齿/元素抖动模糊的解决办法拒绝IE8-,CSS3 transform rotate旋转动画效果（支持IE9+/chrome/firefox）通过js获取元素css3的transform rotate旋转角度方法 css3系列之transform 详解rotate transform-rotate旋转 CSS transform旋转问题 CSS3 transform 属性详解(skew, rotate, translate, scale) 利用CSS3 transform: rotate(xxdeg)画对角线 css3 transform旋转有3d效果