​img属性有些浏览器不支持，会被当做弹窗处理

<div class="bb4">
   <img src="img/QQ图片20190508133039.jpg" width="100" height="110">
</div>

（css）

.bb4{
   float: right;
   width: 100px;
   height: 100px;
   margin-top: 0;
   -webkit-transition: transform .25s linear;
   -moz-transition: transform .25s linear;
   -o-transition: transform .25s linear;
   transition: transform .25s linear;
}
.bb4:hover{
   transform:rotate(360deg);
}
.bb4 img{
   clip-path: circle(40% at 50% 50%);
   -webkit-clip-path:circle(40% at 50% 50%);
   transition: all 400ms ease;
   cursor: pointer;
}
.bb4 img:hover{
   clip-path: circle(75% at 50% 50%);
   -webkit-clip-path:circle(75% at 50% 50%);
}