怎么使图片，当鼠标经过图片旋转，HTML.
2个回答
展开全部
这个可以通过纯样式实现
首先是事件：hover
效果：旋转（transform:rotate(90deg);）PS：90deg=90°
那我就举个简单的例子
<img src="你的图片" class='pic'>
<style type='css/text'>
.pic:hover{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
</style>
首先是事件：hover
效果：旋转（transform:rotate(90deg);）PS：90deg=90°
那我就举个简单的例子
<img src="你的图片" class='pic'>
<style type='css/text'>
.pic:hover{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这位网友你好，只要在你需要旋转的元素上写上下面的代码就可以了，这是css3的新属性，最好使用chrome浏览器查看。
img:hover{
transform:rotate(30deg);//旋转的角度，可以是负数
}
更多追问追答
追问
我要使某个div里的表格中的图片产生这效果，应该怎么弄
追答
你可以给这个图片写个class或者id，然后像下面这样写。
<img id="xuanzhuan" src="图片路径" />
#xuanzhuan:hover{
transform:rotate(30deg);//旋转的角度，可以是负数
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
