hover 时图片旋转

英乐

关注

阅读 65

2022-03-30

<!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)

0 0 举报