.my-header {
position: relative;
display: block;
width: 100px;
height: 100px;
border: 5px solid #e5e5e5;
margin: 75px auto 10px;
border-radius: 50%;
z-index: 10;
transition: transform 1s ease-out;//旋转时间
}
.my-header:hover{
transform: rotateZ(360deg);//旋转度数
}
添加红色部分即可实现