0
点赞
收藏
分享

微信扫一扫

hover 时图片旋转

英乐 2022-03-30 阅读 65
html

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>图片循环旋转</title>

<style>



img{  transition:all .5s;}

img:hover{

  transform:rotate(30deg);//旋转的角度,可以是负数

}

</style>

</head>

<body>



<div class="ta_c">

<img class="Rotation img" src="share.png" width="500" height="500"/>

</div>



</body>

</html>

举报

相关推荐

0 条评论