怎么使图片，当鼠标经过图片旋转，HTML.40

发布网友发布时间：2023-10-19 00:50

共2个回答

热心网友时间：2024-05-18 09:28

这个可以通过纯样式实现
首先是事件：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>

热心网友时间：2024-05-18 09:29

这位网友你好，只要在你需要旋转的元素上写上下面的代码就可以了，这是css3的新属性，最好使用chrome浏览器查看。

img:hover{
transform:rotate(30deg);//旋转的角度，可以是负数
}

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com