悬停旋转头像功能

首先是圆形头像，这个简单

border-radius: 50%;

:hover {
transform: rotate(666turn);
transition-delay: 1s;
transition-property: all;
transition-duration: 59s;
transition-timing-function: cubic-bezier(.34,0,.84,1);
}

transform: rotate(666turn)：定义了transform的2d旋转，turn表示 圈(单位) 。
transition-delay：定义了延时多长时间执行。
transition-property：指定具有过渡效果的css属性
transition-duration：定义了执行时间。
transition-timing-function：定义了执行速度。