关于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>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。