CSS 中鼠标悬停，图片旋转
当鼠标放到图片上之后 图片旋转, 这里的图片给的是背景图
transform: rotate(angle) 指定元素的 2D 旋转 transition: all 0.6s 设定旋转的动画时间
div
<div class="UserImg-box">
<div class="img" :style="{backgroundImage: `url(${user_img})`}"></div>
</div>css
.UserImg-box {
margin: 0 auto;
width: 120px;
height: 120px;
text-align: center;
}
.UserImg-box:hover .img{
transform: rotate(-360deg);
}
.img {
width: 100%;
height: 100%;
border-radius: 50%;
background-size: cover;
background-position: 50%;
transition: all 0.6s;
}打赏
微信扫一扫，打赏作者吧～
微信扫一扫，打赏作者吧～
